body {
  background-color: #213c6f; 
  margin: 0px;
}
body,td,th {
  font-family: Tahoma, Arial; font-size: 14px; color: #ffffff;
}
#link{
  color: #ffffff;
}
#link:hover{
  color: #6ef0ff;
}
#text{
  color: #000000;
  margin-left: 3px;
}
img {
  border:0;
}
a {
  text-decoration: none;
}
#mainpage {
  margin: auto;
  position: relative;
  width: 1000px;
  padding: 0px; 
}
#user {
  position: relative;
  background-color: #3057a0;
  padding: 2px; 
  margin-bottom: 2px;
}
#user_sub {
  position: relative;
  width: 970px;
  margin:auto;
  text-align: right;
  font-weight: bold;
  color: #6ef0ff;
  font-size: 10px;
}
#user_sub a{
  color: #6ef0ff;
}
#logo {
  position: relative;
  width: 247px;
  height: 51px;
  background: url(images/system/logo.jpg);
  padding: 0px; 
  float: left;
}
#menu {
  position: relative;
  width: 753px;
  height: 51px;
  padding: 0px; 
  float: left;
}
.button_hi {
  display: block;
  position: relative;
  width: 103px;
  height: 51px;
  background: url(images/system/menu_hi.jpg);
  text-align: center;
  padding-top: 20px; 
  font-size: 16px;
  font-weight: bold;
  color: #6ef0ff;
  float: left;
}
.button_bg {
  display: block;
  position: relative;
  width: 103px;
  height: 51px;
  background: url(images/system/menu_bg.jpg);
  text-align: center;
  padding-top: 20px; 
  font-size: 16px;
  font-weight: bold;
  color: #489fa9;
  float: left;
}
.button_bg:hover {
  display: block;
  position: relative;
  width: 103px;
  height: 51px;
  background: url(images/system/menu_bg.jpg);
  text-align: center;
  padding-top: 20px; 
  font-size: 16px;
  font-weight: bold;
  opacity:0.5;
  filter:alpha(opacity=50);
  color: #6ef0ff;
  float: left;
}
#menu2 {
  position: relative;
  width: 1000px;
  height: 90px;
  background-color: #3057a0;
  padding: 0px; 
  float: left;
}
#menu_top {
  position: relative;
  width: 1000px;
  height: 15px;
  background: url(images/system/menu_top.jpg);
  padding: 0px; 
  float: left;
}
#menu_bottom {
  position: relative;
  width: 1000px;
  height: 15px;
  background: url(images/system/menu_bottom.jpg);
  padding: 0px; 
  float: left;
}
#menu2_top {
  position: relative;
  width: 525px;
  height: 15px;
  background: url(images/system/menu2_top.jpg);
  padding: 0px; 
  float: left;
}
#menu2_bottom {
  position: relative;
  width: 525px;
  height: 15px;
  background: url(images/system/menu2_bottom.jpg);
  padding: 0px; 
  float: left;
}
#menu3_top {
  position: relative;
  width: 450px;
  height: 15px;
  background: url(images/system/menu3_top.jpg);
  padding: 0px; 
  float: left;
}
#menu3_bottom {
  position: relative;
  width: 450px;
  height: 15px;
  background: url(images/system/menu3_bottom.jpg);
  padding: 0px; 
  float: left;
}
#menu3 {
  position: relative;
  padding: 0px; 
  margin: auto;
}
#button {
  display: block;
  position: relative;
  width: 120px;
  padding: 0px; 
  font-weight: bold;
  color: #6ef0ff;
  float: left;
}
#button:hover {
  display: block;
  position: relative;
  width: 120px;
  padding: 0px; 
  font-weight: bold;
  color: #ffffff;
  float: left;
}
#buttonimage {
  position: relative;
  width: 70px;
  height: 70px;
  margin-left: 25px; 
}
#buttontext {
  position: relative;
  width: 120px;
  text-align: center;
  padding: 0px; 
}
#header {
  position: relative;
  padding: 10px 0px 3px 10px; 
  font-size: 16px;
  font-weight: bold;
  color: #6ef0ff;
  float: left;
}
#headerlink {
  position: relative;
  padding: 10px 0px 3px 10px; 
  font-size: 16px;
  font-weight: bold;
  color: #999999;
  float: left;
}
#headerlink a{
  color: #999999;
}
#headerlink a:hover{
  color: #ffffff;
}
#cont {
  position: relative;
  width: 1000px;
  background-color: #3057a0;
  padding: 0px; 
  color: #ffffff;
  float: left;
}
#cont2 {
  position: relative;
  width: 525px;
  background-color: #3057a0;
  padding: 0px; 
  float: left;
}
#cont3 {
  position: relative;
  width: 450px;
  background-color: #3057a0;
  padding: 0px; 
  float: left;
}
#graph {
  position: relative;
  height: 35px;
  width: 510px;
  margin-left: 10px;
  padding: 0px; 
  background-color: #3057a0;
  float: left;
}
#graph_p1 {
  position: relative;
  height: 35px;
  background: url(images/system/graph_p1.jpg);
  padding: 8px 0px 0px 0px; 
  text-align: right;
  font-weight: bold;
  color: #000000;
  float: left;
}
#graph_p2 {
  position: relative;
  height: 35px;
  width: 16px;
  background: url(images/system/graph_p2.jpg);
  padding: 0px; 
  float: left;
}
#graph_day {
  position: relative;
  width: 84px;
  height: 35px;
  background: url(images/system/graph_day.jpg);
  color: #ffffff;
  font-weight: bold;
  padding-top: 8px; 
  float: left;
}
#graph_top {
  position: relative;
  width: 84px;
  height: 35px;
  background: url(images/system/graph_top.jpg);
  color: #ffffff;
  font-weight: bold;
  padding-top: 8px; 
  float: left;
}
#graph_bottom {
  position: relative;
  width: 84px;
  height: 35px;
  background: url(images/system/graph_bottom.jpg);
  color: #ffffff;
  font-weight: bold;
  padding-top: 8px; 
  float: left;
}
#page {
  display: block;
  position: relative;
  float:left;
  padding: 0px 5px 0px 5px;
  height:20px;
  color: #ffffff;
  background-color: #3057a0;
  font-weight: bold;
  font-size:15px;
  text-align: center;
}
#page:hover {
  background-color: #3057cc;
}
#pages {
  position: relative;
  width: 980px;
  padding: 0px; 
  margin: 5px 0px 0px 10px;
  float: left;
}
.expand-box{
        margin:0 0px 7px 0px;
	padding:4px 0 0;
	list-style:none;
}
.expand-box li{
	vertical-align:top;
	margin-bottom:2px;
	overflow:hidden;
}
* html .expand-box li{
	overflow:visible;
	height:1%;
}
.expand-box .close{
	overflow:hidden;
	height:1%;
	padding:0px 10px 0px 0px;
	border:1px solid #5575ff;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
        margin: 0px 2px 0px 2px;
}
.expand-box .close span{
	float:left;
	padding-left:5px;
	cursor:pointer;
        margin: 1px 0px 0px 2px;
}
.expand-box .hidden-box{
	display:none;
	overflow:hidden;
}
.expand-box .hidden-box2{
	display:none;
	overflow:hidden;
}
.expand-box .open{padding:5px 5px 5px 20px;}
.expand-box .opened{
	background:#3762cf url(images/system/line.jpg) repeat-x;
	border:1px solid #5575ff;
        margin: 0px 2px 2px 2px;
}
.expand-box .opened .close{
	background:none;
	border:0;
	color:#ffffff;
}
#line {
  float: left;
  margin: 5px 0px 5px 2px;
  padding-left: 5px;
}
#line a{
  color: #ffffff;
}
.line {
  float: left;
  margin: 5px 0px 5px 2px;
  padding-left: 5px;
}
#lineimg {
  float: left;
  margin: 2px 0px 0px 2px;
  padding-left: 5px;
}
.expand-box .opened .close span{
  margin:1px 2px 0px 0px;
}
.expand-box .opened .close #line{
  margin:5px 2px 5px 0px;
}
input,select,textarea {
  border: 0px;
  padding: 2px; 
  font-size: 12px; 
  margin: 2px; 
  color: #000000; 
  font-family: Verdana; 
  background-color: #ffffff; 
  wight: 50;
}
.edittitle {
  float: left; 
  padding: 2px; 
  width: 150px; 
  font-weight: bold; 
  color: #ffffff;
}
#edittext {
  float: left; 
  padding: 2px;
  font-weight: bold; 
  color: #ffffff;
}
#edittext a{
  color: #ffffff;
}
#edittext a:hover{
  color: #ffffff;
  text-decoration: underline;
}
.edittitle2 {
  float: left; 
  padding: 2px; 
  width: 338px; 
  font-weight: bold; 
  color: #ffffff;
}
#edittext2 {
  float: left; 
  padding: 2px;
  width: 103px;
  font-weight: bold; 
  color: #ffffff;
}
.editsigns {
  color: #ff7777; 
  float: left; 
  padding: 2px;
  width: 350px;
}
.editinfo {
  color: #ffffff; 
  float: left; 
  padding: 2px;
  font-size: 12px;
  width: 350px;
}
#header1 {
  float: left;
  padding-left: 7px;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}
.DragContainer, .OverDragContainer {
  float: left;
  margin: 3px;
  width: 310px;
  border: #6ef0ff 2px solid;
  padding: 5px;
}
.DragBox, .OverDragBox, .DragDragBox, .miniDragBox {
  border: #000000 1px solid;
  background:#3762cf url(images/system/line.jpg) repeat-x;
  border:1px solid #5575ff;
  font-weight: bold;
  padding: 4px 0px 0px 5px;
  font-size: 14px;
  margin-bottom: 5px;
  color: #ffffff;
  height: 25px;
  width: 304px;
  cursor: pointer;
  font-family: verdana, tahoma, arial;
}
.OverDragContainer {
  background-color: #eeeeeee;
}
.OverDragBox, .DragDragBox {
  background-color: #ffff99;
}
.DragDragBox {
  filter: alpha(opacity=50);
  background-color: #ff99cc;
}
.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(images/system/marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(images/system/marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}
.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}
#dhtmltooltip{position: absolute; left: -300px; border: 1px solid #000000; padding: 2px; background-color: #FFFFFF; visibility: hidden; z-index: 100;}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}

#dropmenudiv{position:absolute; line-height:18px; z-index:100;}

#rsscontent {
  border: #000000 1px solid;
  background:#3762cf url(images/system/line.jpg) repeat-x;
  border:1px solid #5575ff;
  font-weight: bold;
  padding: 4px 0px 0px 5px;
  font-size: 14px;
  margin: 0px 0px 5px 25px;
  color: #ffffff;
  height: 29px;
  width: 900px;
  font-family: verdana, tahoma, arial;
}
.showstatus {
  position: absolute;
  top: 20px;
  width: 250px;
  height: 60px;
  border: 1px solid #cccccc;
  background-color: #000000;
  opacity:0.5;
  filter:alpha(opacity=50);
  right: 0px; 
  padding: 2px;
  font-weight: bold; 
  color: #ffffff;
}
#statustext {
  float: left;
  width: 230px;
}
#closestatus {
  float: left;
  border: 1px solid #cccccc;
  width: 12px;
  padding: 2px;
  text-align: center;
}
#submit {
  border: 2px solid #ffffff;
}
#country {
  float: left;
  width: 29px;
  height: 20px;
  padding: 1px;
  background-color: #ffffff;
  margin-bottom: 2px;
}
#countrydata {
  float: left;
  width: 210px;
  height: 20px;
  padding: 1px;
  font-weight: bold;
  margin: 0px 0px 2px 5px;
}
#bulk {
  display: block;
  float:left;
  margin: 0px 10px 0px 10px;
}
#thumb {
  float:left;
  width: 120px;
  padding: 2px;
  border: 1px solid #ffffff;
  margin: 4px;
}
#ddmenu {
  position:absolute;
  width: 120px;
  background-color: #3057a0;
}
#ddbutton {
  position: relative;
  display: block;
  width: 113px;
  border: 1px solid #6ef0ff;
  margin: 3px;
  color: #ffffff;
}
#ddbutton:hover {
  position: relative;
  display: block;
  width: 113px;
  border: 1px solid #6ef0ff;
  margin: 3px;
  background-color: #457de5;
  color: #ffffff;
}
#ddbutton2 {
  position: relative;
  margin: 3px;
  font-weight: bold;
  font-size: 11px;
}