.hipooz-seeexample {
	aborder:1px black solid;
	font-size:small;
	height:400px;
	width:100%;
}
.hipooz-textDialogBox {
	background-color:rgb(232,238,250);
	color: black;
	font-family: Arial, sans-serif;
	font-size: smaller;
	margin: 5px;
}
.hipooz-errorDialogBox {
	background-color:rgb(232,238,250);
	color: red;
	font-family: Arial, sans-serif;
	font-size: smaller;
	margin: 5px;	
}
.hipooz-selectnextpagelist{
	width: 250px;
}
.hipooz-rowmenu{
	height: 100px;
	width: 100%;
	vertical-align: top;
}
.hipooz-rowdelete{
	vertical-align: bottom;
}
.hipooz-timelineTitleLabel{
	height: 100%;
	width: 100px;
	font-size:small;
}
.hipooz-nospace{
	cellpadding: 0px;
	cellspacing: 0px;
}
.hipooz-urlbox{
	width:400px;
	background-color: rgb(255, 255, 102);
	border: 1px solid black;
	font-size: smaller;
}
.hipooz-timeline{
	vertical-align: bottom;
	height: 98px;
	width: 100px;
	font-size:small;
}
.hipooz-timeline2{
	vertical-align: bottom;
	NAheight: 91px;
	width: 100px;
	font-size:small;
}
.hipooz-timelineSeparator {
	border-bottom: 1px rgb(212,208,200) ridge;
}
.hipooz-globalMoveCursor {
    cursor: move;
} 
.hipooz-logoH {
	cursor: pointer;
	cursor: hand;
	font-size:2em;
}
.hipooz-logoI {
	cursor: pointer;
	cursor: hand;
	font-size:2em;
}
.hipooz-logoP {
	cursor: pointer;
	cursor: hand;
	font-size:2em;
}
.hipooz-logoO {
	cursor: pointer;
	cursor: hand;
	font-size:2em;
}
.hipooz-logoO2 {
	cursor: pointer;
	cursor: hand;
	font-size:2em;
}
.hipooz-logoZ {
	cursor: pointer;
	cursor: hand;
	font-size:2em;
}
.hipooz-background1{
	background-color: #e8eefa;	
}
.hipooz-width100pct{
	width: 100%;
}
.hipooz-text-center {
	text-align: center;
}
.hipooz-nowrap {
	white-space: nowrap;
}
.hipooz-delete-film {
	border: 1px #7aa5d6 solid;
	width: 20px;
	height:100%;
}
.hipooz-border1 {
	border: 1px black solid;
}
.hipooz-border2 {
	border: 1px red solid;
}
.hipooz-border3 {
	border: 1px green solid;
}
.hipooz-border4 {
	border: 1px blue solid;
}
.hipooz-border5 {
	border: 1px purple solid;
}
.hipooz-photowithurl {
	border: 1px blue solid;
	padding: 2px;
}
.hipooz-photoBrowseSelected {
	border: 2px rgb(203,0,1) solid;
	margin: 1px;
}
.hipooz-photoBrowseMouseOver {
	border: 2px blue solid;
	margin: 1px;
}
.hipooz-padding1 {
	margin: 2px;
}
.hipooz-padding2 {
	margin: 3px;
}
.hipooz-paddingLR5 {
	padding-left: 5px;
	padding-right: 5px;
}
.hipooz-header{
	background-image: url(header2.png);
	background-image: url(header1.png);
	background-image: url(header5.png);
	padding-left: 10px;
	font-size: small;
	width: 100%;
}
.hipooz-header2{
	padding-left: 10px;
	font-size: small;
	width: 100%;
}
.hipooz-header2-menu{
	font-size: small;
}
.hipooz-title {
	font-size: 80%;	
	font-weight: bold;
	border-top: 1px #7aa5d6 solid;
	width: 100%;
	height:100%;
	margin-top: 10px;	
	margin-bottom: 5px;	
	padding-left: 0px;
	background-color: #e8eefa;
}
.hipooz-photo{
	border: 1px solid black;
	cursor: pointer;
	cursor: hand;
}
.hipooz-photoviewer{
	border: 1px solid black;
}
.hipooz-photoviewerwurl{
	border: 1px solid blue;
	cursor: pointer;
	cursor: hand;
	padding: 2px;
}
.hipooz-photoFrame {
	padding-right:15px;
}
.hipooz-filmMenu {
	aborder-top: 1px #9c9c9c solid;
	aborder-bottom: 2px yellow solid;
	padding-left: 5px;
	padding-right: 5px;
	abackground-color: #d6deff;
	aheight: 50px;
	width: 100%;
}
.hipooz-filmList {
	padding-left: 5px;
	padding-right: 5px;	
	background-color: white;
	width: 100%;
}
.hipooz-filmItem {
	width: 100%;
	padding-left: 5px;
}
.hipooz-filmItemSmartCorner {
	width: 16px;
	height: 16px;
}
.hipooz-filmItemTop {
	width: 100%;
}
.hipooz-filmItem2 {
	width: 100%;
	padding-left: 5px;
}
.NAhipooz-filmItem2SmartCorner {
	background-repeat: no-repeat;
	background-position: top left;
	height: 5px;
	width: 5px;
}
.hipooz-filmItem2Top {
	width: 100%;
}
.hipooz-listseparator {
	background-color: #d6deff;
	height: 3px;
	width: 100%;
}
.hipooz-tooltip1 {
	NAborder: 1px brown solid;
	background-color: lightyellow;
	padding-left: 2px;
	padding-right: 2px;	
	cursor: pointer;
	cursor: hand;
}
.hipooz-tooltip2 {
	background-color: lightyellow;
	padding-left: 2px;
	padding-right: 2px;	
}
.hipooz-tooltip3 {
	padding-left: 5px;
	padding-right: 5px;	
	padding-bottom: 12px;	
	font-style: italic;
}
.hipooz-tooltip3back {
	border-top: 1px brown solid;
	border-bottom: 1px brown solid;
	background-color: lightyellow;
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 12px;
	padding-bottom: 12px;	
	font-style: italic;
	font-family: times, serif;
	width: 100%;
}
.hipooz-tooltip4 {
	border-top: 2px #9c9c9c solid;
	border-bottom: 2px yellow solid;
	background-color: #d6deff;
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 12px;
	padding-bottom: 12px;	
}
.comment { main panel contains all the other panel but is inside the body}
.hipooz-defaultMainPanel {
	background-color: white;
	height: 480px;
	width: 100%;
}
.hipooz-signInMainPanel {
	background-color: white;
	height: 480px;
	width: 100%;
}
.hipooz-mainPanel {
	background-color: white;
	height: 480px;
	width: 100%;
	overflow: hidden;
}
.comment { header panel is inside the main panel and above the central panel }
.hipooz-defaultHeaderPanel {
	background-color: white;
	width: 100%;
}
.hipooz-signInHeaderPanel {
	background-color: white;
	width: 100%;
}
.hipooz-headerPanel {
	background-color: white;
	width: 100%;
}
.comment { menu panelis inside the header panel }
.hipooz-menuPanel {
	background-color: white;
}
.comment { central panel is inside the main panel and below the header panel }
.hipooz-defaultCentralPanel {
	background-color: white;
	width: 90%;
	overflow: hidden;
	padding-right: 10px;
}
.hipooz-signInCentralPanel {
	background-color: white;
	width: 90%;
	overflow: hidden;
	padding-right: 10px;
}
.hipooz-centralPanel {
	background-color: white;
	width: 100%;
	overflow: hidden;
}
.comment {footer panel is inside the main panel and below the central panel }
.hipooz-defaultFooterPanel {
	background-color: white;
	height: 100%;
	width: 100%;	
	text-align: center;
	font-size:x-small;
	
}
.hipooz-signInFooterPanel {
	background-color: white;
	height: 100%;
	width: 100%;	
	text-align: center;
	font-size:x-small;	
}
.hipooz-footerPanel {
	background-color: white;
	height: 100%;
	width: 100%;	
	text-align: center;
	font-size:x-small;	
}
.hipooz-footerCopyright {
	background-color: white;
	height: 100%;
	text-align: left;
	font-size:x-small;	
	white-space: nowrap;
	width: 100%;
}
.hipooz-footerTermsPrivacy {
	background-color: white;
	height: 100%;
	text-align: left;
	font-size:small;	
	white-space: nowrap;
	width: 100%;
	padding-right: 15px;
}
.hipooz-footerShare {
	background-color: white;
	height: 100%;
	text-align: left;
	font-size:x-small;	
}
.hipooz-footerAdSense {
	background-color: white;
	height: 100%;
	width: 100%;	
	text-align: left;
	font-size:x-small;	
}
.hipooz-text{
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: smaller;
	margin: 5px;
}
.hipooz-smalltext{
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	position: relative;
	text-align: center;
	vertical-align: top;
	z-offset: 10;
}
.hipooz-smalltext2{
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: x-small;
	position: relative;
	text-align: center;
	vertical-align: top;
	z-offset: 10;
}
.hipooz-name {
	text-align: right;
}
.hipooz-description {
	background-color: white;
	NAcolor: black;
	NAfont-family: Arial, sans-serif;
	NAfont-size: smaller;
	NAfont-style: italic;
	padding-left:30px;
}
.hipooz-maxlenght{
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: xx-small;
	margin: 5px;
	vertical-align: bottom;
	white-space: nowrap;
}
.hipooz-error {
	background-color: white;
	color: red;
	font-family: Arial, sans-serif;
	font-size: smaller;
	margin: 5px;	
}
.hipooz-filmListActionList {
	NAbackground-color: #eeeeee;
}
.hipooz-filmActionList  {
	NAbackground-color: #eeeeee;
	border: 1px white solid;
	border-bottom: 7px #d6deff solid;
	width: 100%;
}
.hipooz-actionItem  {
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 5px;
}
.hipooz-actionItem-selected {
	background-color: #d6deff;	
}
.hipooz-actionborder {
	border-right: 2px white solid;
	padding-left: 5px;
	padding-right: 5px;
}
.hipooz-actionborder2 {
	border-right: 2px gray solid;
	padding-left: 5px;
	padding-right: 5px;
}
.hipooz-timelineDialog {
	height: 240px;
	width: 480px;
}
.hipooz-passwordReminderModalDialogContainer {
	text-align: center;
}
.hipooz-photoDialog {
	height: 480px;
	width: 480px;
}
.hipooz-photoEditModalDialogContainer {
	width: 360px;
	text-align: center;
}
.hipooz-invitationModalDialogContainer {
	width: 360px;
	text-align: center;
}
.hipooz-cropFrameContainer {
	height: 380px;
	width: 400px;
	border : 0px;
	text-align: center;
}
.hipooz-cropFrame {
	height: 380px;
	width: 400px;
	border: 0px;
	text-align: center;
}
.hipooz-adsenseFrame {
	border: 0px;
	text-align: left;
	width:100%;
	height:120px;
	overflow-x: hidden;
	overflow-y: hidden; 
}
.hipooz-timelineTitle {
	border-top: 1px #7aa5d6 solid;
	padding-left: 5px;
	padding-right: 5px;	
	background-color: #e5ecf9;
	font-style: italic;
	vertical-align: top;
	text-align: left;
	height: 100%;
	width: 120px;
	
}
.hipooz-photoActionList  {
	background-color: #eeeeee;
	border: 1px white solid;
	border-bottom: 5px #d6deff solid;
	width: 100%;
}
.hipooz-uploaded-photo {
	border: 1px lightblue solid;
	padding-top: 10px;
	margin-top: 10px;
}
/* -------------------------------------------------------------------------- */

body { 
	background-color: maroon;
	background-color: #eeeeee;
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: smaller;
	margin: 5px;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwtwidgets-PNGImage {
	cursor: pointer;
	cursor: hand;
}

/* -------------------------------------------------------------------------- */
/************************************************************/
.gwt-Label {
}
.gwt-HTML {
}
.gwt-Image {
	cursor: pointer;
	cursor: hand;
}
.gwt-Hyperlink {
	white-space: nowrap;
}
.gwt-HyperlinkEdit {
	white-space: nowrap;
	font-size: smaller;
}	
.gwt-Margin {
	white-space: nowrap;
}
.gwt-DialogBox {
  border: 2px solid;
  background-color: rgb(232,238,250);
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}
/****************************************************


.gwt-Button {
  background:#f5f5f5;
  border:1px solid #aaa;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  padding: 2px;
  width: 12em;
}

.gwt-Button:active {
  border:1px solid #aaa;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

.gwt-Button[disabled] {
  background: #ccc;
  border:1px solid #999;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  color: #888;
}

.gwt-Canvas {
}

.gwt-CheckBox {
}

.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

.gwt-FileUpload {
	width: 500px;
}

.gwt-Frame {
}

.gwt-HTML {
}

.gwt-Image {
	cursor: pointer;
	cursor: hand;
}

.gwt-Hyperlink {
	white-space: nowrap;
}

.gwt-Label {
}

.gwt-ListBox {
}

.gwt-MenuBar {
  background-color: #C3D9FF;
  border: 1px solid #87B3FF;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  padding: 1px 4px 1px 4px;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-PasswordTextBox {
}

.gwt-RadioButton {
}

.gwt-TabPanel {
  margin-top: 4px;
}

.gwt-TabPanelBottom {
  background-color: #E8EEF7;
}

.gwt-TabBar {
  padding-top: 2px;
  border-bottom: 4px solid #87B3FF;
  background-color: #fff;
}

.gwt-TabBar .gwt-TabBarFirst {
}

.gwt-TabBar .gwt-TabBarRest {
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 4px;
  cursor: pointer;
  cursor: hand;

  background-color: #e8eef7;
  border-bottom: 2px solid white;
  margin-right: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  padding: 4px;
  font-weight: bold;
  cursor: default;

  background-color: #87b3ff;
  border-bottom: 2px solid #87b3ff;
  margin-right: 2px;
}

.gwt-TextArea {
}

.gwt-TextBox {
}

.gwt-TextBox-readonly {
  color: #888;
}

.gwt-Tree {
  background: white;
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-color: #C3D9FF;
  cursor: pointer;
  cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-RichTextArea {
}

.hasRichTextToolbar {
  border: 0px;
}

.gwt-RichTextToolbar {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border-bottom: 1px solid #BBBBBB;
  padding: 3px;
  margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  padding: 0px 1px 0px 0px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 1px; 
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px; 
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px; 
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px; 
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.cw-RichText {
  border: 1px solid #BBBBBB;
  border-spacing: 0px;
}

.gwt-HorizontalSplitPanel {
  border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .hsplitter {
  background-color: #C3D9FF;
  cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
}

.gwt-VerticalSplitPanel .splitter {
  background-color: #C3D9FF;
  height: 8px;
  cursor: move;
}

.gwt-SuggestBoxPopup {
  border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
  padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
  background-color: #C3D9FF;
  padding: 2px;
}
************************************************************/
/* -------------------------------------------------------------------------- */

.tk-DropDownPanel {
  
}

.tk-DropDownPanelHeader {
  padding: 8px;
  text-align: center;
  font-size: smaller;
  font-weight: bold;
  background-color: rgb(195, 217, 255);
  cursor: pointer;
}

.tk-DropDownPanelContent {
  padding: 8px;
  background: white;
  background-color: white;
}

.tk-SimpleHyperLink {
  text-decoration: underline;
  cursor: pointer;
}

.tk-GlassPanel {
  background: black;
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: not-allowed;
}

.tk-ModalDialog {
  border: 1px solid black;
  background-color: white;
  padding: 0px;
}

.tk-ModalDialog .Caption {
  text-align: center;
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
  background-color: rgb(195, 217, 255);
  padding: 3px;
  margin: 1px;
  cursor: default;
}

.tk-ModalDialog-content {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
}

.tk-ModalDialog-content .gwt-Button {
  margin-top: 8px;
}

.tk-AlertDialog-captionIcon {
  vertical-align: middle;
}

.tk-AlertDialog-captionLeft, .tk-AlertDialog-captionRight {
  width: 16px;
}

.tk-AlertDialog-captionCenter {
  font-size: 90%;
  font-weight: bold;
  padding: 0 8px;
  text-align: center;
}

.tk-AlertDialog-buttons {
  margin: 0 auto;
}

.tk-AlertDialog-hotKeyChar {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- */

#main {
  border: 8px solid #C3D9FF;
  border-bottom: 0;
  background-color: #E8EEF7;
}

.compatMode {
  font-style: italic;
  font-size: smaller;
  color: white;
  background: #C3D9FF;
  padding: 2px;
}

.TabPanel-contentBorder {
  border: 1px solid #87B3FF;
  border-top: none;
  padding: 8px 0 0 8px;
}

.description {
  background-color: white;
  padding: 8px;
}

.division {
  margin: 0 8px 8px 0;
}

.example {
  border: solid 1px #87B3FF;
  padding: 8px;
}

#dropDown-left .tk-DropDownPanel {
  border: solid 4px  rgb(195, 217, 255);
  margin-bottom: 8px;
}

#dropDown-left .tk-DropDownPanelHeader {
  text-align: left;
  padding: 0;
  white-space: nowrap;
}

#dropDown-left .tk-DropDownPanel-open .tk-DropDownPanelHeader {
  border-bottom: solid 4px  rgb(195, 217, 255);
}

#dropDown-1 .tk-DropDownPanelHeader {
  padding: 0 8px 0 16px;
  background-image: url(triangle.gif);
  background-position: left;
  background-repeat: no-repeat;
}

#dropDown-1.tk-DropDownPanel-open .tk-DropDownPanelHeader {
  background-image: url(opentriangle.gif);
}

#dropDown-3 {
  text-align: center;
}

#dropDown-3 .tk-DropDownPanelHeader  {
  float: left;
}

#alert-imageButtons .tk-AlertDialog-buttons img {
  border: outset gray 1px;
  margin-top: 4px;
}

#alert-imageButtons .tk-AlertDialog-buttons img:hover {
  border-style: inset;
}

#alert-imageButtons img.tk-AlertDialog-defaultButton {
  border-color: black;
}

#dialog-dragstyle.tk-ModalDialog-dragging {
  filter: alpha(opacity=50);
  opacity: 0.8;
}

#dialog-styled.tk-ModalDialog {
  border: 1px solid black;
  border-top: none;
  background-color: rgb(230,230,236);
  padding: 0px;
}

#dialog-styled.tk-ModalDialog .Caption {
  font-family: Trebuchet MS, sans-serif;
  font-size: 90%;
  background-image: url("chrome.gif");
  background-repeat: repeat-x;
  background-color: rgb(230,230,236);
  padding: 0px 1px 0px 3px;
  padding-left: 5px;
  margin: 0px;
  cursor: default;
  height: 26px;
}

#dialog-styled.tk-ModalDialog .Caption * {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}

#dialog-styled.tk-ModalDialog .Caption .gwt-Label {
  margin-top: 2px;
}

#dialog-styled .tk-ModalDialog-content
{
  width: 16em;
}

#alert-styled {
  border: 2px groove blue;
}

#alert-styled.tk-ModalDialog .Caption {
  color: black;
  background: #FFEA80;
}

#alert-styled .tk-AlertDialog-captionCenter {
  text-align: right;
}

#alert-styled .tk-AlertDialog-captionRight {
  width: 0;
}

#alert-styled .tk-ModalDialog-content {
  background: url("bg-vortex.jpg");
}

#alert-styled .tk-AlertDialog-message {
  color: white;
}

#alert-styled-glassPanel {
  background: yellow url("stripes.gif");
}

#miscPanel .description {
  margin-bottom: 8px;
}

.focus-container {
  border: 1px dashed gray;
  margin: 4px;
  padding: 4px;
}

#rowPanelPanel .description {
  margin-bottom: 8px;
}

#rowPanelPanel #ex1 {
  background: white;
  background: #E8EEF7;
  width: 250px;
  border: solid black 1px;
}

#rowPanelPanel .ex1-caption {
  padding: 4px;
  background: #C3D9FF;
  color: white;
  font-weight: bold;
  text-align: center;
}

#rowPanelPanel .ex1-content {
  text-align: center;
  padding: 4px 4px 0px 4px;
  height: 100px;
  background: white;
}

#rowPanelPanel .ex1-content * {
  margin-bottom: 4px;
}

#glasspanel-ex-dark {
  cursor: pointer;
  background: black;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

#glasspanel-ex-light {
  cursor: pointer;
  background: white;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#glasspanel-ex-opaque {
  cursor: pointer;
  background: white;
  filter: ;
  opacity: 1.0;
}

#glasspanel-ex-tiledBG {
  cursor: pointer;
  background: url('bg-vortex.jpg');
  filter: alpha(opacity=20);
  opacity: 0.2;
}

#glasspanel-ex-centeredBG {
  cursor: pointer;
  background: url('SeattleDusk.jpg') no-repeat center;
  filter: ;
  opacity: 1.0;
}

#glasspanel-ex-text {
  cursor: pointer;
  color: white;
  background: #87B3FF;
  filter: alpha(opacity=40);
  opacity: .4;
}

#glasspanel-ex-text h1 {
  font-size: 6em;
}

#glasspanel-ex-text * {
  margin: 0;
}

#glasspanel-ex-ieBodyBlur {
  cursor: pointer;
  background: white;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.glasspanel-ex-ieBodyBlur-BODY {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
}

.externalhyperlink-styled {
  background: url(external.png) center left no-repeat;
  padding-left: 13px;
}

.events-editing {
  border: solid red 1px;
}

/* Drag-n-drop style */
/*
@CHARSET "UTF-8";

.dragdrop-dropTarget-engage {
  background-color: #E0E8FF;
}

.getting-started-label {
  border: 1px solid #99AACC;
  background-color: #AACCFF;
  padding: 0.1em;
}

.getting-started-blue {
  border: 1px solid blue;
}
*/