.pagebg {
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(images/splash-bg.gif);
	background-repeat: repeat;
	background-position: center top;
}
.pagebg-lite {
	margin-top: 5px;
	margin-bottom: 5px;
	background-repeat: repeat;
	background-position: center top;
	background-color: #6699FF;
}
.container {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border: thin solid #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 1030px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/splash-banner.jpg);
	background-repeat: no-repeat;
}
.container-lite {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border: thin solid #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 600px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/splash-lite-bg.jpg);
	background-repeat: no-repeat;
}
.container-caribsearch {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border: thin solid #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 600px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/splash-caribsearch-bg.jpg);
	background-repeat: no-repeat;
}
.games-container {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border: thin solid #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 1080px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/splash-banner.jpg);
	background-repeat: no-repeat;
}
.bajan-words-container {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border: thin solid #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 100%;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(images/splash-banner.jpg);
	background-repeat: no-repeat;
}
.header {
	float: left;
	height: 125px;
	width: 100%;
	position: relative;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #99CCFF;
	vertical-align: middle;
}
.header-lite {
	float: left;
	height: 125px;
	width: 100%;
	position: relative;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #99CCFF;
	vertical-align: middle;
	top: 150px;
}
.logo {
	height: 70px;
	width: 285px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}

.dashboard {
	height: 143px;
	width: 320px;
	position: relative;
	float: right;
	top: 10px;
	right: 10px;
	background-color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99CCFF;
	border-right-color: #99CCFF;
	border-bottom-color: #6699FF;
	border-left-color: #99CCFF;
}
.ad {
	background-color: #99CCFF;
	float: right;
	position: relative;
	top: 20px;
	right: 10px;
	height: 270px;
	width: 323px;
	bottom: 10px;
}
.video-player {
	float: right;
	position: relative;
	right: 10px;
	width: 310px;
	height: 333px;
	bottom: 430px;
	border: thin solid #6599FF;
	background-color: #FFFFFF;
	background-image: url(images/splash-video-bg.jpg);
	background-repeat: no-repeat;
	padding: 5px;
}
.games-listing {
	float: right;
	position: relative;
	right: 10px;
	width: 310px;
	height: 370px;
	bottom: 457px;
	border: thin solid #6599FF;
	background-color: #FFFFFF;
	background-image: url(images/splash-video-bg.jpg);
	background-repeat: no-repeat;
	padding: 5px;
}
.discover {
	background-color: #6599FF;
	height: 125px;
	width: 525px;
	position: relative;
	float: left;
	top: 40px;
	left: 20px;
	background-image: url(images/splash-discover-bg.jpg);
	background-repeat: no-repeat;
	border: thin solid #6599FF;
	padding: 5px;
}

.feature-header {
	float: left;
	height: 50px;
	width: 200px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #99CCFF;
	border-bottom-color: #99CCFF;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
.feature-table {width: 100%;
}
.footer {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #99CCFF;
	position: relative;
	top: 15px;
	float: left;
	height: 85px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.games-footer {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #99CCFF;
	position: relative;
	top: 30px;
	float: left;
	height: 85px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}
.launchpad {
	float: left;
	width: 75px;
	height: 787px;
	left: 10px;
	position: relative;
	top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #99CCFF;
}
.feature {
	height: 202px;
	width: 536px;
	left: 20px;
	float: left;
	top: 10px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: middle;
	background-color: #6699FF;
	padding-top: 7px;
	background-image: url(images/splash-header-featured.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border: thin solid #6599FF;
}
.games-feature {
	height: 570px;
	width: 605px;
	left: 20px;
	float: left;
	top: 10px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: middle;
	background-color: #6699FF;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-position: top;
	border: thin solid #6599FF;
}
.generic-feature {
	height: 580px;
	width: 605px;
	left: 20px;
	float: left;
	top: 10px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top;
	border: thin solid #6599FF;
	background-image: url(images/splash-banner.jpg);
}
.news {
	position: relative;
	top: 20px;
	width: 536px;
	height: 191px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	left: 20px;
	background-color: #6699FF;
	padding-top: 7px;
	background-image: url(images/splash-header-news.jpg);
	background-repeat: no-repeat;
	border: thin solid #6599FF;
}
.games-miniclip {
	position: relative;
	top: 20px;
	width: 605px;
	height: 222px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	left: 20px;
	background-color: #6699FF;
	padding-top: 7px;
	background-repeat: no-repeat;
	border: thin solid #6599FF;
}
.generic-bottom-box {
	position: relative;
	top: 20px;
	width: 605px;
	height: 222px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	left: 20px;
	background-color: #6699FF;
	padding-top: 7px;
	background-repeat: no-repeat;
	border: thin solid #6599FF;
	background-image: url(images/splash-lite-bg.jpg);
}
.sports {
	float: left;
	height: 193px;
	width: 536px;
	position: relative;
	left: 20px;
	top: 30px;
	background-color: #6699FF;
	padding-top: 7px;
	background-image: url(images/splash-header-sports.jpg);
	background-repeat: no-repeat;
	border: thin solid #6599FF;
}
.tray {
	background-color: #FFFFFF;
	background-image: url(images/splash-tile-bg.jpg);
	background-repeat: no-repeat;
}
 #q_top {
	border: 1px solid #477EBF;
	width: 400px;
	height: 26px;
	color: #6699FF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.form-buttons {
	background-color: #6699FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #477EBF;
	width: 91px;
	height: 30px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	text-shadow: 1px 0px 0px #333333;
}
.search-engine-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #6699FF;
	font-weight: normal;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #6699FF;
	font-weight: bold;
}
.logo-attribution {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #6699FF;
	font-weight: bold;
	text-align: center;
}
.big-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.preview {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	text-align: left;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #808080;
	background-color: #E8E8E8;
}
.more {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 10pt;
	text-align: left;
}
.other {
	width: 89px;
}
.more-stories {
	width: 40px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	color: #6699FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #C0C0C0;
}
.article-preview {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	background-image: url('../images/article-preview-back.jpg');
}
.rule {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
}
.imagelink {border-width: 0px;
}
.image {border-width: 0px;
}
.dashboard-table {
	width: 100%;
	height: 100%;
}
.dashboard-table-all {
	text-align: center;
	border: medium solid #6699FF;
	height: 20px;
}
.dashboard-cell {
	width: 25%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #6699FF;
	background-image: url(images/splash-dashboard-tile.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	height: 90px;
}
.dashboard-cell-2 {
	width: 25%;
	background-image: url(images/splash-dashboard-tile.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 90px;
}
#all-services {
	position:absolute;
	width:319px;
	height:315px;
	z-index:100;
	vertical-align: middle;
	text-align: center;
	background-color: #6699FF;
	top: 15%;
	right: 50%;
	left: 50%;
	display: none;
}

/*THIS IS THE CODE FOR THE VIDEO BAR*/
/* color settings */
.playerBox_gsvb div.alldone_gsvb        { color : #0000cc; }
.playerBox_gsvb a.title_gsvb            { color : #0000cc; }

.playerBox_gsvb div.alldone_gsvb:hover  { color : #0000cc; }
.playerBox_gsvb a.title_gsvb:hover      { color : #0000cc; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #676767; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               {
	background-color : #ffffff;
	background-image: url(images/splash-floating-video.jpg);
	background-repeat: no-repeat;
}
.floatingPlayerBox_gsvb                 { border : 1px solid #f0f0f0; }
                                        }
.floatingPlayer_gsvb                    { background-color : #ffffff; }

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 9998;
  border: medium solid #6699FF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.floatingPlayer_gsvb {
  position : absolute;
  z-index : 9999;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 480px;
  height : 380px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_gsvb {
  display : block;
}

.empty_gsvb {
  display : none;
}

table.resultTable_gsvb {
  border-collapse : collapse;
}

table.resultTable_gsvb td {
  border : none;
}

div.resultDiv_gsvb {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

div.smallResultDiv_gsvb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsvb img {
  cursor : pointer;
  display : inline;
}

/* Auto Execute List Status Box */
div.statusBox_gsvb {
  padding : 4px;
}

div.statusItem_gsvb {
  display : inline;
  text-decoration : underline;
  color : #0000cc;
  cursor : pointer;
  margin-right : 6px;
  font-weight : bold;
  white-space: nowrap;
}

div.statusItemSelected_gsvb {
  text-decoration : none;
  color : #000000;
}


/*THIS IS THE CODE FOR THE VIDEO SEARCH*/
/* text color settings */

/* primary colors */
.app_gsvsc {                                                    color : #0000cc; }
.search-form-complete_gsvsc div.search-form-save_gsvsc {        color : #0000cc; }
div.search-form-save_gsvsc {                                    color : #e0e0e0; }
div.edit-tag_gsvsc {                                            color : #7777cc; }
.footerBox_gsvsc a {                                            color : #7777cc; }
.playerBox_gsvsc a.title_gsvsc {                                color : #7777cc; }
div.more_gsvsc:hover {                                          color : #0000cc; }

/* selected tag */
div.tag-selected_gsvsc {                                        color : #000000; }

/* hover colors */
div.tag-control_gsvsc:hover {                                   color : #7777cc; }

/* secondary colors */
div.tag-control_gsvsc {                                         color : #676767; }
.searchForm_gsvsc {                                             color : #676767; }
.searchForm_gsvsc input.gsc-input {                             color : #676767; }
.search-form-input_gsvsc {                                      color : #676767; }
div.edit-form-submit-box_gsvsc {                                color : #676767; }

/* image border color */
.results_gsvsc div.video-result_gsvsc {                  border-color : #0000cc; }

.app_gsvsc td {
  vertical-align : top;
  border : none;
}

div.tag-control_gsvsc {
  display : inline;
  font-size : 11px;
  cursor : pointer;
  margin-right : 8px;
}

div.more_gsvsc {
  display : inline;
  cursor : pointer;
  margin-right : 8px;
  text-decoration : underline;
}

div.tag-control_gsvsc:hover {
  text-decoration : underline;
}

td.tag-control_gsvsc  {
  padding-top : 2px;
}

td.tag-control_gsvsc div.tag-control_gsvsc {
  font-size : 13px;
  cursor : pointer;
  margin-right : 8px;
  font-weight : 400;
}


/*
 * visibility states of the more
 * - edit visible while reading
 * - edit invisible while playing
 * - more invisible unles playing
 */
.reading_gsvsc .more_gsvsc,
.editing_gsvsc .more_gsvsc,
.searching_gsvsc .more_gsvsc {
  display : none;
}

.playing_gsvsc .more_gsvsc {
  text-align : center;
  display : block;
}

/*
 * visibility states of the readBox
 * - visible while reading and searching and playing (default)
 * - none while editing
 */
.readBox_gsvsc {
  display : block;
}
.editing_gsvsc .readBox_gsvsc {
  display : none;
}

/*
 * visibility states of the editBox
 * - none while reading and searching
 * - visible while editing (default)
 */
.editBox_gsvsc {
  display : none;
}
.editing_gsvsc .editBox_gsvsc {
  display : block;
}

/*
 * visibility states of the tagStack
 * - visible while reading, searching
 * - none while playing
 */
.tagStack_gsvsc {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
}

.playing_gsvsc .tagStack_gsvsc {
  display : none;
}

/*
 * visibility states of the player
 * - visible while playing (default)
 * - none while all other times (default)
 */
.playerBox_gsvsc {
  display : none;
}

.playing_gsvsc .playerBox_gsvsc {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerBox_gsvsc .player_gsvsc {
  width : 260px;
  height : 195px;
}

.playerBox_gsvsc div.title_gsvsc {
  text-align : center;
  margin-top : 2px;
}

.playerBox_gsvsc a.title_gsvsc {
  text-decoration : underline;
}

/*
 * visibility states of the searchForm
 * - visible while reading, searching
 * - none while editing, playing
 */
.editing_gsvsc .searchForm_gsvsc,
.playing_gsvsc .searchForm_gsvsc {
  display : none;
}
.reading_gsvsc .searchForm_gsvsc,
.searching_gsvsc .searchForm_gsvsc {
  display : block;
}

/* search form controls */
.searchForm_gsvsc table.gsc-search-box {
	border-spacing : 0px 0px;
	width : 100%;
	margin-bottom : 2px;
}

.searchForm_gsvsc table.gsc-search-box td {
  vertical-align : middle;
}

.searchForm_gsvsc td.gsc-search-button {
  width : 1%;
}

.searchForm_gsvsc td.gsc-clear-button {
  width : 14px;
}

.searchForm_gsvsc table.gsc-branding {
	border-spacing : 0px 0px;
	width : 100%;
}

.searchForm_gsvsc td.gsc-branding-text {
  vertical-align : top;
}

.searchForm_gsvsc td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

.searchForm_gsvsc td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

.searchForm_gsvsc td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

.searchForm_gsvsc div.gsc-branding-img,
.searchForm_gsvsc div.gsc-branding-img-noclear,
.searchForm_gsvsc img.gsc-branding-img,
.searchForm_gsvsc img.gsc-branding-img-noclear {
  padding-top : 1px;
}

.searchForm_gsvsc input.gsc-search-button {
  margin-left : 4px;
  cursor : pointer;
}

.searchForm_gsvsc input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  width : 99%;
}

.searchForm_gsvsc form {
  margin-top : 2px;
  margin-bottom : 2px;
}

div.search-form-save_gsvsc {
  font-size : 11px;
  text-align : left;
  cursor : pointer;
}

.search-form-complete_gsvsc div.search-form-save_gsvsc {
  text-decoration : underline;
}

/* edit form controls */
.editBox_gsvsc table {
  width : 100%;
  padding-top : 4px;
  padding-bottom : 4px;
  border : 1px solid #e0e0e0;
  border-spacing : 0px 0px;
}

.editBox_gsvsc tr {
  margin-top : 2px;
  margin-bottom : 2px;
}

.editBox_gsvsc tr.odd_gsvsc {
  background-color : #f9f9f9;
}

tr.edit-form-delete_gsvsc {
  display : none;
}

td.edit-form-input_gsvsc input {
  font-size : 11px;
  padding-left : 2px;
  margin-right : 4px;
  width : 50%;
}

div.edit-form-input-box_gsvsc {
  margin-left : 4px;
  margin-top : 2px;
  margin-bottom : 2px;
}

div.edit-form-submit-box_gsvsc {
  margin-top : 4px;
  text-align : left;
}

div.edit-form-submit-box_gsvsc input {
  font-size : 11px;
  margin-right : 6px;
}

/* footer */
.footerBox_gsvsc {
  clear : both;
  margin-top : 4px;
  margin-bottom : 0px;
  text-align : center;
}

.footerBox_gsvsc table {
  width : 100%;
}

.footerBox_gsvsc td.footer-link_gsvsc {
  text-align : right;
}

.footerBox_gsvsc td.footer-edit_gsvsc {
  text-align : left;
}

.footerBox_gsvsc a {
  font-size : 11px;
  cursor : pointer;
  text-decoration : underline;
}

/* visibility states
 * visible while reading,
 * invisible while playing, editing
 */

.searching_gsvsc div.edit-tag_gsvsc,
.reading_gsvsc div.edit-tag_gsvsc {
  display : block;
}

.editing_gsvsc div.edit-tag_gsvsc,
.playing_gsvsc div.edit-tag_gsvsc {
  display : none;
}

div.edit-tag_gsvsc {
  font-size : 11px;
  cursor : pointer;
  text-decoration : underline;
}


/* results */
.results_gsvsc {
  margin-left : 0px;
}

/* display states:
 * off while playing and editing, on everytime else
 */

.editing_gsvsc .results_gsvsc,
.playing_gsvsc .results_gsvsc {
  display : none;
}

.searching_gsvsc .results_gsvsc,
.reading_gsvsc .results_gsvsc {
  display : block;
}

.results_gsvsc div.video-result_gsvsc {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

.results_gsvsc div.video-result_gsvsc img {
  cursor : pointer;
}

.results_gsvsc table.video-result-table_gsvsc {
  width : 100%
}

.results_gsvsc table.video-result-table_gsvsc td {
  padding : 4px;
}

.results_gsvsc table.video-result-table_gsvsc-2 td {
  width : 50%;
}

.results_gsvsc table.video-result-table_gsvsc-2 td {
  width : 33%;
}

/* two column table, align right/left */
.results_gsvsc table.video-result-table_gsvsc-2 td.video-result-cell_gsvsc-0 div {
  float : right;
}
.results_gsvsc table.video-result-table_gsvsc-2 td.video-result-cell_gsvsc-1 div {
  float : left;
}

/* tiny results */
/* display states:
 * on while playing, off everytime else
 */
.playing_gsvsc .tiny-results_gsvsc {
  display : block;
}

.searching_gsvsc .tiny-results_gsvsc,
.editing_gsvsc .tiny-results_gsvsc,
.reading_gsvsc .tiny-results_gsvsc {
  display : none;
}

.tiny-results_gsvsc {
  margin-left : 0px;
}

.tiny-results_gsvsc div.tiny-video-result_gsvsc {
  border : 1px solid #0000cc;
  background-color : #000000;
  height : 41px;
  width : 54px;
  text-align : center;
}

.tiny-results_gsvsc div.tiny-video-result_gsvsc img {
  cursor : pointer;
}

.tiny-results_gsvsc table.video-result-table_gsvsc {
  width : 100%
}

.tiny-results_gsvsc table.video-result-table_gsvsc td {
  padding : 4px;
}

.results_gsvsc table.video-result-table_gsvsc-4 td {
  width : 25%;
}

.results_gsvsc table.video-result-table_gsvsc-6 td {
  width : 16%;
}

/* tags */
div.tag_gsvsc {
  display : inline;
  margin-right : 6px;
  cursor : pointer;
}
div.tag_gsvsc:hover {
  text-decoration : underline;
}

div.tag-selected_gsvsc {
  font-weight : bold;
}

div.tag-selected_gsvsc:hover {
  text-decoration : none;
}

div.tag_gsvsc-0 {
  font-size : 13px;
}

div.tag_gsvsc-1 {
  font-size : 13px;
}

div.tag_gsvsc-2 {
  font-size : 13px;
}
.tray-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #EEEEEE;
	background-color: #6599FF;
	cursor: pointer;
	text-decoration: underline;
}
.videobar-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #6599FF;
	background-color: transparent;
	cursor: pointer;
	border: thin solid #FFFFFF;
}

/*THIS IS THE CODE FOR THE LAUNCHPAD COLLAPSABLE PANELS*/

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border: 1px solid #6599FF;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	background-color: #6599FF;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #EEEEEE;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #DDDDDE;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}

/*THIS IS THE CODE FOR THE NEWS AND FEATURED TAB PANELS*/

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-color: transparent;
	border: 1px none #999;
	font-family: sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #E6E6E6;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */

.TabbedPanelsTabSelected {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #B7B7B7;
	font-family: Arial, Helvetica, sans-serif;
	color: #6699FF;
	font-size: small;
	font-weight: bold;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #EEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
	background-color: #FFFFFF;
}

.TabbedPanelsContentDictionary {
	padding: 4px;
	background-color: #FFFFFF;
	overflow: auto;
	height: 512px;
	width: 596px;
	background-image: url(images/splash-banner.jpg);
	background-repeat: no-repeat;
}


/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/*THIS IS THE CODE FOR THE DASHBOARD ACCORDIAN*/
/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: black;
	border-bottom-color: gray;
	border-left-color: gray;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #6699FF;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EEEEEE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: black;
	border-bottom-color: #00CCFF;
	font-size: small;
	text-decoration: underline;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 102px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #6699FF;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #EEEEEE;
	background-color: #C1C1C1;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #EEEEEE;
	background-color: #33CCFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #6699FF;
	font-family: Arial, Helvetica, sans-serif;
	color: #F0F0F0;
	font-weight: bold;
}

/*BAJAN DICTIONARY LISTINGS*/

.word {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000080;
	width: 20%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #68A9BA;
}
.part-of-speech {
	font-family: Arial, Helvetica, sans-serif;
	color: #6699FF;
	font-style: italic;
	font-size: 10pt;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #65A4B3;
}
.definition {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	width: 56%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #68A9BA;
}
.wordnew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000080;
	width: 20%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #65A4B1;
	background-color: #E4F2F8;
}
.part-of-speech-new {
	font-family: Arial, Helvetica, sans-serif;
	color: #6699FF;
	font-style: italic;
	font-size: 10pt;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #67A7B8;
	background-color: #E2F2F6;
}
.definition-new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	width: 56%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #65A4B2;
	background-color: #E4F2F8;
}


/*LINKS*/
a {
	color: #000000;
}
a:link{
	color: #000000
}
a:visited{
	color: #003366
}
a:hover {
	color: #6699FF;
}
.image-border {
	border: thin solid #6699FF;
}