/* Putting propretairy CSS in here until
it is approved by w3c, so the other
stylesheet will validate at this time. */

.genericbox {
	-moz-border-radius: 10px;
	-moz-box-shadow: #a3a3a3 0em 0em 1em 0em inset;
	-o-border-radius: 10px;
	-o-box-shadow: #a3a3a3 0em 0em 1em inset;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: #a3a3a3 0em 0em 1em inset;
}

.genericboxtitle {
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#column_text {
	-moz-column-count: 3;
	-moz-column-gap: 2.5em;
	-webkit-column-count: 3;
	-webkit-column-gap: 2.5em;
}

#topbox {
	-moz-border-radius: 0px 0px 10px 10px;
	-moz-box-shadow: #c3c3c3 0em 1em 1em;
	-o-border-radius: 0px 0px 10px 10px;
	-o-box-shadow: #c3c3c3 0em 1em 1em;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: #c3c3c3 0em 1em 1em;
}

#topboxtitle {
	-moz-border-radius: 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
}

#bottomblock {
    background: -moz-linear-gradient(bottom, rgba(243, 243, 243, 1), rgba(243, 243, 243, 0));
    background: -o-linear-gradient(bottom, rgba(243, 243, 243, 1), rgba(243, 243, 243, 0));
    background: -webkit-linear-gradient(bottom, rgba(243, 243, 243, 1), rgba(243, 243, 243, 0));
}

.moreitemscontainer > div {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.topmenu-submenu > li > a {
    -webkit-transition: width 0.5s linear, padding-left 0.5s linear;
}

.topmenu-submenu > li:hover > a {
    -webkit-transition: width 0.5s linear, padding-left 0.5s linear;
}