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

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	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-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 {
  border: 1px solid black;
  background-color: white;
}

.gwt-RichTextToolbar {
  background-color: #C3D9FF;
  padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

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

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

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

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

.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;
}

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

.gwt-DisclosurePanel .header {
	background-color: #e8eef7;
	cursor: hand;
}

.Main{
	width:100%;
}

.Main_top{
  	background-color: #444444;
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #373737));
  	background-image: -webkit-linear-gradient(top, #444444, #373737);
  	background-image: -moz-linear-gradient(top, #444444, #373737);
  	background-image: -ms-linear-gradient(top, #444444, #373737);
  	background-image: -o-linear-gradient(top, #444444, #373737);
  	background-image: linear-gradient(top, #444444, #373737);
  	border-bottom: 2px solid #C45B31;
  	width:100%;
  	height:60px;
}

.Main_top img {
	height: 58px;
}

.Main_buttonLogin{
	height: 48px;
	margin: 5px;
	border: 1px solid #333;
	height: 48px;
	color: #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background-color: #4D4D4D;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D4D4D), color-stop(100%, #2F2F2F));
	background-image: -webkit-linear-gradient(top, #4D4D4D, #2F2F2F);
	background-image: -moz-linear-gradient(top, #4D4D4D, #2F2F2F);
	background-image: -ms-linear-gradient(top, #4D4D4D, #2F2F2F);
	background-image: -o-linear-gradient(top, #4D4D4D, #2F2F2F);
	background-image: linear-gradient(top, #4D4D4D, #2F2F2F);
	border: 1px solid #666;
	
	float:right;
	font-size: 0.95em;
	font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	font-weight: 400;
}




/* GenericForm */

.GenericForm{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.GenericForm_CodeMirror{
	width:662px !important;
	font-size:0.7em !important;
}

.GenericForm_CodeMirror_Inner{
	width:626px !important;
	height:200px !important;
}

.GenericForm_CodeMirror_Inner_Inner{
	width:590px !important;
	height:200px !important;
}

.GenericFormDisabled{
	color: #c3c3c3;
}

.GenericForm table{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-spacing: 0px;
}

.GenericForm td{
	height:30px;
	padding-left:0px;
	padding-right:0px;
}

.GenericForm .gwt-Label{
	width:100%;
	height: 100%;
	border-bottom: 1px solid #C3C3C3;
	margin:0px;
	float:left;
}

.GenericForm .gwt-TextBox{
	width: 100%;
	height: 30px;
	border: none;
	padding:0px;
}

.GenericForm .gwt-TextArea{
	border: none;
	width: 100%;
	height: 100px;
	float: left;
	padding: 0px;
	margin: 0px;
	outline: none;
	resize: none;
	min-size: 100%;
	min-height: 100%;
	max-height: 100%;
}

.GenericForm .gwt-SuggestBox{
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 30px;
	border: none;
	outline: none;
}

.GenericForm_TextBoxWrapper{
	height:31px;
	border: 1px solid #C3C3C3;
}

.GenericForm_TitleWrapper{
	width:100%;
	float:left;
}

.GenericForm .gwt-CheckBox{
	width:100%;
	border-bottom: 1px solid #C3C3C3;
	height:100%;
	float:left;
}

.GenericForm .FormSpacing{
	width:100%;
	height:100%;	
}

.GenericForm .Form_ListBox{
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #C3C3C3;	
}

.GenericForm .Form_ListBox .gwt-ListBox{
	width: 100%;
	border: 1px solid rgb(195, 195, 195);
}

.GenericForm .Form_ColorPicker{
	width:100%;
	min-width:10px;
	height:100%;
	border-bottom:1px solid #C3C3C3;
	cursor:pointer;
	outline:none;
}

.GenericForm form{
	width:100%;
}

.GenericForm_CollapsaField_button{
	float: left !important;
	border: 1px solid #666 !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	text-align: center;
	cursor: pointer;
	width: 26px !important;
	height: 26px !important;
}

.GenericForm_CollapsaField_label{
	float: left !important;
	width: auto !important;
	width: calc(100% - 40px) !important;
	min-height: 26px !important;
}

.GenericForm_CollapsaField_button:hover{
	background-color: #666;
	color:#f3f3f3;
}

.GenericForm_CollapsaField_wrapper{
	width: 36px !important;
	height: 26px !important;
	float: left;
}

.GenericForm .GenericForm_ScrollableFlexTable{
	margin-top:30px;
	margin-bottom:30px;
	width:700px;
}




// Traffic Control Panel

#URIFilterListBox{
	margin-bottom:10px;
}


#RefreshButton{
	margin-left:20px;
	margin-top:50px;
	margin-bottom:50px;
	
}

#URITableTitle{
	margin-top:80px;
	margin-bottom:10px;
}

#FlexTableURI td,
#FlexTableMain td{
	background-color:#f3f3f3;
	border:5px solid transparent;
	text-align:center;
}

#FlexTableURI tr:nth-child(2n+1) td,
#FlexTableMain tr:nth-child(2n+1) td{
	background-color:#c3c3c3;
}

#FlexTableURI tr:nth-child(1) td,
#FlexTableMain tr:nth-child(1) td{
	background-color:#666;
	color:white;
	font-weight:bold;
}

#BillingTableContainer{
    overflow:auto;
    max-height: calc(100vh - 150px);
    width:100%;
}
#BillingTableContainer .gwt-TextBox
{
	width:250px;
}

#BillingTable{
    border-collapse:collapse;
    min-width:max-content;
    width:100%;
}
#BillingTable td{ border:1px solid #c3c3c3; padding:4px; }
#BillingTable tbody tr:nth-child(odd) td{ background-color:#f3f3f3; }
#BillingTable tr.header td{
    background-color:#666;
    color:#626262;
    position:sticky;
    top:0;
    z-index:2;
}
#BillingTable td.planName{ position:sticky; left:0px; background-color:white; z-index:1; }
#BillingTable td.save{ position:sticky; left:0; background-color:white; }




.gwt-MenuBarPopup
{
	z-index:4;
}