QuizbowlUI.css

body, tabletd, select {
	font-family: Actor, Arial, sans-serif !important;
}

.nonSplashStyle {
        background: white;
        background: -webkit-radial-gradient(closest-corner, white, silver) !important;
        background: -moz-radial-gradient(silver, white);
        background: -o-radial-gradient(silver, white);
        min-height: 100%;
}

.splashStyle {
	background: white;
	background: -webkit-radial-gradient(white, silver) !important;
	background: -moz-radial-gradient(white, silver) !important;
	background: -o-radial-gradient(white, silver) !important;
	min-height: 100%;	

}

.categoryText, .categoryLink {
	font-family: "Actor", Arial, Verdana, sans-serif !important;
	padding: 0 5px;
}

.gwt-HTML {
	font: 14px  "Actor", Arial, Verdana, sans-serif !important;
	line-height: 148% !important;
}


.gwt-DialogBox {
	border-bottom: 0px solid black;
	border-top: 0px solid black;
}

.dialogBottomCenter, .dialogBottomLeftInner, .dialogButtonRight, .dialogMiddleRight, .dialogMiddleLeft, .dialogTopRight, .dialogTopLeft, .dialogBottomRightInner {
	background: white !important;
}


.noButton {

}

.yesButton {

}


.passwordBox {

}

.confirmPasswordBox {

}

.noAccountText {
	font-family: "Actor", Arial, sans-serif;
}


.categoryBox {
}

.readArea {
	margin: 20px;
	height: 350px;
	font-family: "Actor", Arial, sans-serif !important;
	font-size: 14px !important;
	line-height:1.5;
	padding: 10px;
}

.Caption {
	font-family: Actor, Arial, sans-serif;
	font-size: 14px;
	border: 2px solid rgba(0, 0, 0, .1) !important;
}

.noAccountText {
	margin-top: 2px;
}


a.createAccountText {
	padding: 5px;
	font-family: Actor, Arial, sans-serif;
	cursor: pointer;
}


a.copyRight {
	color: #000066 !important;
	text-decoration: none;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	margin-left: 0px !important;
	padding: 20px 20px 2px 20px !important;
	cursor: hand;
	font-weight: bold;
	text-align: center;
	background: #196897 !important;
	color: white !important;
	-webkit-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
}

a.horizontalSearch {

}

a.loginText {
	color: white !important;
	font-weight: bold;
	padding: 5px 13px 5px 13px !important;
	-webkit-transition: all 150ms ease-in;
        -ms-transition: all 150ms ease-in;
        -o-transition: all 150ms ease-in;
        -moz-transition: all 150ms ease-in;
	text-align: center;
	cursor: pointer;
}

a.loginText:hover {
        background-color: rgba(0, 0, 0, .8) !important;
        -webkit-transform:  scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
	cursor: pointer !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	background: #196897 !important;
}

.gwt-TabLayoutPanelTabs {
	border: 2px solid black;
	border-left-width: 0px;
}

.gwt-TabLayoutPanelContentContainer {
	border-color: #92C1F0;
	border-style: none !important;
	border-width: 2px 1px 1px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	border-color: #92C1F0;
	border-style: none !important;
	border-width: 1px;
	overflow: hidden;
	padding: 6px;
}

.gwt-TabLayoutPanelTab:hover {
	background-color: rgba(0, 0, 0, .8) !important;
	-webkit-transform:  scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.gwt-TabLayoutPanelTab-selected:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	background: black !important;
}

.tossupLabel {
	
	font-weight: bold;
	/*background: -webkit-linear-gradient(right, #e7f2fb, #D0E4F6);*/
	background-color: #e7f2fb;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
}

.tossupPanel {
	
}

.tossupBox {
	padding: 10px;
}

.tossupText {
	padding: 10px;
	color: black;
	font-family: "Actor", GillSans, sans-serif;
	font-size: 14px;
	line-height: 148%;
}

.tossupAnswer {
	font-family: "Actor", GillSans, sans-serif;
	color: black;
	font-style: italic;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.copyrightText {
	color: rgba(0, 0, 0, .75);
	font-family: "Actor", sans-serif;
}

.simpleSearchHorizontal {
}

.simpleSearchVertical {
	background: none;
}

.gwt-Button,  .loginButton {
	margin: 0;
	padding: 5px 7px;
	text-decoration: none;
	cursor: hand;
	background: #F4F3F3 !important;
	border: 1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 5px !important;
	margin-right: 5px !important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	opacity: .7;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	
}

.loginButton {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}

.gwt-Button:hover, .loginButton:hover {
	opacity: 1;
	cursor: pointer;
}

.generateButton {
	margin-bottom: 10px !important;
}

.submitButtonVertical {
	margin: 10px 0 0 0 !important;
}

.gwt-Button:active {
	border: 1px inset #ccc;
}

.gwt-Button:hover {
	border-color: #939393;
}

.gwt-Button[disabled] {
	cursor: default;
	color: #888;
}

.gwt-Button[disabled]:hover {
	border: 1px outset #ccc;
}

.gwt-ListBox {
	width: 80%;
}

.gwt-ListBox {
	margin-bottom: 5 px;
	margin-left: 2 px;
}

.filterBar {
	height: 100px !important;
	margin: 15px;
	font-family: "Actor", Arial, Verdana, sans-serif !important;
}

.filterBarBox {
	width: 95%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	border-top-right-radius: 10px;
	font-family: "Actor", Arial, Verdana, sans-serif !important;
}

.toolBar {
	padding-top: 15px;
	padding-bottom: 15px;
}


.filterLabel {
	font-weight: bold;
	font: 20px "Actor", sans-serif;
	padding-top: 4px;
	padding-left: 2px;
}

.titleBig {
	text-align: center;
	padding-right: 15px;
 	font-size: 75px;
	font-family: "Forum";
	padding-bottom: 50px;
	text-shadow: 4px 4px 5px rgba(0, 0, 0, .25), 0px -3px 4px white;
}

.titleSmall {
	font: 30px  "Forum";
	margin: 10px;
}

::-webkit-scrollbar {
	width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #DDEFF9;
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #DDEFF9;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #D0E4F6;
}

::-webkit-scrollbar-thumb:active {
	background-color: #92C1F0;
}

::-webkit-scrollbar-track:hover {
	
}

.submitButton {
	font-size: 14px !important;
}

.generate {
	font-size: 14px !important;
}

.formTitle,.formTitleFocused {
	color: #000000 !important;
	font: 13px "Actor", Arial, sans-serif !important;
}

.formCell, .formCellFocused {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.selectItemText,.selectItemTextError,.selectItemTextFocused,.selectItemTextDisabled
	{
	font-size: 13px !important;
}

.selectItemControl, .selectItemControlFocused {
	margin-top: 6px;
}

.pickListCell,.pickListCellDark,.tallPickListCell,.tallPickListCellDark
	{
	color: black;
	font-size: 13px !important;
}

.pickListCellSelected,.pickListCellSelectedDark {
	font-size: 13px !important;
}

.gwt-Label, .categoryWidget {
	font-family: "Actor", Arial, Verdana, sans-serif !important;
	font-weight: bold;
}


/* Multiplayer Styles */

.userBox {
	background: white !important;
	padding: 5px;
	color: #36C
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
	cursor: pointer;
}

.userBox:hover {
	background: #EFF3FB !important;
}

.userMessage {
	font-weight: bold;
	margin-right: 3px;
}

.userMessage, .chat, .chatMessage, .serverMessage {
	font-family: "Actor", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

.serverMessage {
	text-decoration: italic;
}

.chatMessage {

}

.scrollPanel {
	background: white;
	height: 350px !important;
	padding: 5px;
	border: solid;
}

.chatPanel {
	font-family: "Actor", Arial, 	 sans-serif;
	font-size: 14px; 
}

.chatroomWrapper {
	margin-top: 20px;
}

.arrow {
	width: 0;
	height: 0;
	cursor: pointer;
}

.arrow.up {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid black;
}

.arrow.down {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid black;
}

.arrow.up:hover {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #196897;
}

.arrow.down:hover {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #196897;
}

.arrow.up.selected {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #196897;
}

.arrow.down.selected {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #196897;
}

.rating {

}

a.searchLink {
	text-decoration: underline;
	font-size: 11px;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}

.searchLinkPanel {
	margin-top: 5px;
}