/* These are the default styles for the JBCMS system. */

.error {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: #FF9999;
	border: 1px solid #FF0000;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.confirm {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: #FFCC00;
	border: 1px solid #FF6600;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.edit{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: #F8F8F8;
	border: 1px solid #cccccc;
	margin-top: 10px;
}

.success {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	background: #99FF99;
	border: 1px solid #00FF00;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.buttons a, .buttons button{
    background-color:#cccccc;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: "Verdana";
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding: 5px 10px 6px 7px;
}

.buttons a{
	padding: 7px 10px 7px 7px;
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#eeeeee;
    border:1px solid #736F6E;
    color:#336699;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#00cc00;
    border:1px solid #006600;
    color:#ffffff;
}

.buttons a.negative:hover, button.negative:hover{
    background:#E55451;
    border:1px solid #FF0000;
    color:#ffffff;
}