/* == PLEASE *DO NOT* EDIT THIS FILE, NOT EVEN A LITTLE BIT. CONTACT JOHN OR STEFF FOR MORE INFO. THANKS == */

/* == alerts/flashes */         

 /* every alert/flash should have a default .alert class and then and additional class to highlight colour and 
icons etc e.g. <div class="alert error"> */
/*
.info-large {  
    background: #7fc0e1 url(/images/writers/alert/alerts_bg.png) repeat-y;
    border:1px solid #0971a6; 
}

.error-large {  
    background:#ff8080 url(/images/writers/alert/alerts_bg.png) repeat-y -950px;
    border:1px solid #c00; 
}     

.success-large{
    background:#b2cd88 url(/images/writers/alert/alerts_bg.png) repeat-y -1900px;
    border:1px solid #5c8717;
}

.processing-large {
	background: #beb0eb url(/images/writers/alert/alerts_bg.png) repeat-y -2850px;
	border: 1px solid #CB3083;
}

.alert-large p {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	margin: 0;
	min-height: 72px;
	padding-left: 100px;
}

.info-large p {
	background: url(/images/writers/alert/alert_blue_icon.png) no-repeat 0 0;	
}

.success-large p {
	background: url(/images/writers/alert/alert_green_icon.png) no-repeat 0 0;	
}

.error-large p {
	background: url(/images/writers/alert/alert_red_icon.png) no-repeat 0 0;	
}

.processing-large p {
	background: url(/images/writers/alert/alert_processing_icon.png) no-repeat 0 0;	
}

.alert-large, 
*/

.alert {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: none;
	margin: 18px 0;
    padding: 11px; /* 11 + 11 + (150% line-height on a 12px) 18 = 40. Nice number to work with! */
	position: relative;
	text-transform: uppercase;
        width: 888px;
}

.alert a {
	color: #fff;
}

.alert p {
	font-size: 12px;
	margin: 0;
}

.error {
    background: #FF9513 url(/images/pcool/alert.png) no-repeat 10px 5px;
    padding-left: 52px;
}

.success {
    background: #79B11E url(/images/pcool/check.png) no-repeat 10px 5px;
    padding-left: 52px;
}

.info {
    background: #0D95DB url(/images/pcool/info.png) no-repeat 10px 5px;
    padding-left: 52px;
}

.processing {
    background: #0a77af url(/images/pcool/processing.png) no-repeat 10px 5px;
    padding-left: 52px;
}

#temp {
	background-image: none;
	display: inline-block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	width: auto;
}

.temp {
	background-image: none;
	font-size: 10px;
	padding-left: 10px;
}

.temp p {
	font-size: 10px;
	text-align: center;
}

.page-wrapper .alert { /* Re-defining the alert margins to fit nicely within the .page. */
	margin: 0 0 10px 0;
}