/* PHOTO BUTTONS */		

#buttonpics {
	display:block;
   float:left;
   margin: 5px 7px 5px 0;
   /*margin: 5px auto 5px auto;*/
   background-color: #ffd700;
   border: 1px solid #ddbd00;
   border-top: 1px solid #fff2a4;
   border-left: 1px solid #ffec80;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:17px;
   line-height:130%;
   text-decoration:none;
   font-weight:bold;
   color:#565656;
   cursor:pointer;
   padding:5px 10px 6px 7px; /* Links */
}

#buttonpics.hover{
    background-color: orange;
    border: 1px solid #d28900;
    color: #664300;
}

#magbuttonchange {
	display:block;
   float:left;
   margin: 5px 7px 5px 0;
   background-color:#f5f5f5;
   border:1px solid #dedede;
   border-top:1px solid #eee;
   border-left:1px solid #eee;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:12px;
   line-height:130%;
   text-decoration:none;
   font-weight:bold;
   color:#565656;
   cursor:pointer;
   /*padding:5px 10px 6px 7px;*/ /* Links */
   width:auto;
   overflow:visible;
   padding:4px 10px 3px 7px; /* IE6 */
}

#magbuttonchange.hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

#picbuttonchange {
	display:block;
   float:left;
   margin: 5px 7px 5px 0;
   margin: 5px auto 5px auto;
   background-color:#f5f5f5;
   border:1px solid #dedede;
   border-top:1px solid #eee;
   border-left:1px solid #eee;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:12px;
   line-height:130%;
   text-decoration:none;
   font-weight:bold;
   color:#565656;
   cursor:pointer;
   padding:5px 10px 6px 7px; /* Links */
}

#picbuttonchange.hover, #picbuttonchange a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

/* COLOURED BUTTONS */

.buttons a, .buttons button {
    display:block;
    float:left;
    margin: 5px auto 5px auto;
    background-color: #b22222;
    border: 1px solid #891a1a;
    border-top: 1px solid #e77e7e;
    border-left: 1px solid #e77e7e;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:17px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color: #dcdcdc;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:22px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color: #7d1818;
    border: 1px solid #480000;
    color: #ffd700;
    border-left: 1px solid #c10000;
    border-top: 1px solid #c10000;
}
.buttons a:active{
    background-color: maroon;
    border: 1px solid red;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color: #f9d8d2;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* GREEN */

button.green, .buttons a.green {
	background-color: #006400;
	border: 1px solid #1d771e;
	color: white;
	border-left: 1px solid #30c632;
	border-top: 1px solid #30c632;
}
.buttons button.green:hover{
   background-color: #004a01;
	border: 1px solid #114911;
	color: #fafad2;
	border-left: 1px solid #1f8420;
	border-top: 1px solid #1f8420;
}

/* AMBER */

button.amber, .buttons a.amber {
	background-color: #ffdc0f;
	border: 1px solid #e6c400;
	color: #685900;
	border-left: 1px solid #fff3aa;
	border-top: 1px solid #fff3aa;
}
.buttons button.amber:hover{
   background-color: #c6a900;
	border: 1px solid #605200;
	color: #423800;
	border-left: 1px solid #ffea73;
	border-top: 1px solid #ffea73;
}