/* Radial Code */

#radial_container { position:relative; margin: 0 auto;top: 80px; height: 20px;width: 20px;}

.radial_div_item { }
.radial_div_item.active { z-index: 100; }

.my_class { cursor: pointer;
            height: 90px;
            width: 90px;
            position: relative;
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            font-family: "Arial";
        }

.my_class:hover { border-color: #0066cc; }

.my_class:active { -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5); -moz-box-shadow: 1px 5px 1px rgba(0,0,0,.5);
box-shadow: 1px 1px 5px rgba(0,0,0,.5); top: 2px; border-color: #e3e3e3; }

.selected { border-color: #0066cc; }

        #big {
         background-position: 20px 20px; background-repeat: no-repeat;
            position: relative;
            width: 300px;
            height: 300px;
            -moz-border-radius: 200px;
            -webkit-border-radius: 200px;
            border-radius: 200px;
        }

        
#big2 { background-position: 20px 20px; background-repeat: no-repeat; margin-top: -100px; position: relative; margin-left: -200px;
width: 300px; height: 300px; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }

#main { background: #0099cc; margin-top: 0; padding: 2px 0 4px 0; text-align: center; border-color: green;border-width: 5px;border-style: solid;}
        
#main a { color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Arial; }

#main a:hover { text-decoration: underline; }