/*  Dzinelabs. All rights reserved.
Please see the Creative Commons License at: 
http://creativecommons.org/licenses/by-sa/2.0/
*/

body
{font: 10px verdana, geneva, arial;}
td
{font: 12px verdana, geneva, arial;}



/* demo */
#container {
   font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   width : 188px;
   font-weight: bold;
   text-align : center;
   padding : 0px;
   margin : 0 0 0 0;
}
#button ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
}


#button li {
   text-align : center;
   margin-bottom : 1px;
   margin-top : 1px;
  
}

#button li a {
   padding : 2px;
   text-decoration : none;
   display : block;
   width : 180px;
   color : #FFFFFF;
   border-top : 2px #86B6D2 solid;
   border-left : 2px #86B6D2 solid;
   border-bottom : 2px #2D6E92 solid;
   border-right : 2px #2D6E92 solid;
   background : #3F8CB7;
}

#button li a:hover {
   border-top : 2px solid #C45E5E;
   border-left : 2px solid #C45E5E;
   border-bottom : 2px solid #7D0101;
   border-right : 2px solid #7D0101;
   background : #A10000;
   text-decoration : none;

}


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


#button_blue ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
}


#button_blue li {
   text-align : center;
   margin-bottom : 1px;
   margin-top : 1px;
  
}

#button_blue li a {
   padding : 2px;
   text-decoration : none;
   display : block;
   width : 180px;
   color : #FFFFFF;
   border-top : 2px #86B6D2 solid;
   border-left : 2px #86B6D2 solid;
   border-bottom : 2px #2D6E92 solid;
   border-right : 2px #2D6E92 solid;
   background : #3F8CB7;
}

#button_blue li a:hover {
   border-top : 2px solid #C45E5E;
   border-left : 2px solid #C45E5E;
   border-bottom : 2px solid #7D0101;
   border-right : 2px solid #7D0101;
   background : #A10000;
   text-decoration : none;

}


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



#button_lightyellow ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
}


#button_lightyellow li {
   text-align : center;
   margin-bottom : 1px;
   margin-top : 1px;
  
}

#button_lightyellow li a {
   padding : 2px;
   text-decoration : none;
   display : block;
   width : 180px;
   color : #000000;
   border-top : 2px #D0D28B solid;
   border-left : 2px #D0D28B solid;
   border-bottom : 2px #ABAE53 solid;
   border-right : 2px #ABAE53 solid;
   background : #F4F7A1;
}

#button_lightyellow li a:hover {
   color : #FFFFFF;
   border-top : 2px solid #828272;
   border-left : 2px solid #828272;
   border-bottom : 2px solid #373729;
   border-right : 2px solid #373729;
   background : #676760;
   text-decoration : none;

}



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



#button_yellow ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
}


#button_yellow li {
   text-align : center;
   margin-bottom : 1px;
   margin-top : 1px;
  
}

#button_yellow li a {
   padding : 2px;
   text-decoration : none;
   display : block;
   width : 180px;
   color : #000000;
   border-top : 2px #DFDF6D solid;
   border-left : 2px #DFDF6D solid;
   border-bottom : 2px #B8B800 solid;
   border-right : 2px #B8B800 solid;
   background : #F7F727;
}

#button_yellow li a:hover {
   color : #FFFFFF;
   border-top : 2px solid #787878;
   border-left : 2px solid #787878;
   border-bottom : 2px solid #000000;
   border-right : 2px solid #000000;
   background : #000000;
   text-decoration : none;

}



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



#button_red ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
}


#button_red li {
   text-align : center;
   margin-bottom : 1px;
   margin-top : 1px;
  
}

#button_red li a {
   padding : 2px;
   text-decoration : none;
   display : block;
   width : 180px;
   color : #FFFFFF;
   border-top : 2px solid #932D30;
   border-left : 2px solid #932D30;
   border-bottom : 2px solid #8E0509;
   border-right : 2px solid #8E0509;
   background : #A00B0F;
}

#button_red li a:hover {
   color : #FFFFFF;
   border-top : 2px solid #787878;
   border-left : 2px solid #787878;
   border-bottom : 2px solid #5F5555;
   border-right : 2px solid #5F5555;
   background : #5F5555;
   text-decoration : none;

}


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



#button_green ul {
   margin : 0;
   padding : 0;
   list-style-type : none;
}


#button_green li {
   text-align : center;
   margin-bottom : 1px;
   margin-top : 1px;
  
}

#button_green li a {
   padding : 2px;
   text-decoration : none;
   display : block;
   width : 180px;
   color : #FFFFFF;
   border-top : 2px solid #5ad490;
   border-left : 2px solid #5ad490;
   border-bottom : 2px solid #108f48;
   border-right : 2px solid #108f48;
   background : #00ae4d;
}

#button_green li a:hover {
   color : #FFFFFF;
   border-top : 2px solid #787878;
   border-left : 2px solid #787878;
   border-bottom : 2px solid #5F5555;
   border-right : 2px solid #5F5555;
   background : #5F5555;
   text-decoration : none;

}


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