/* 2tags UI Components */

/**********************
 *  BEG: FORM ELEMENTS
 *********************/
.ttui-frmcontrol {
    text-align: center;
}
/**********************
 *  END: FORM ELEMENTS
 *********************/

 
/**********************
 *  beg: TTUI: DateRange
 *********************/

.ttui-DateRange .selected {
  background: #D0D7DD;
}
.ttui-DateRange td {
  padding-right: 3px;
}
/**********************
 *  end: TTUI: DateRange
 *********************/

 
 /**********************
 *  beg: TTUI: Pagination
 *********************/
.ttui-pagination * {
  font-size: 11px;
}

.ttui-pagination td {
  padding: 2px;
  vertical-align: bottom;
}

.ttui-pagination td.jumpers {
  text-align: right;
  white-space: nowrap;
  width: 100%;
}

.ttui-pagination td.ttui-info {
  text-align: left;
  white-space: nowrap;
  padding: 0 10px 0 5px;  
}

.ttui-pagination .inputbox{
  width: 30px;
}

.ttui-pagination td.links {
  width: 100%;
  padding: 0 0 0 3px;
}

.ttui-pagination td a {
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  display: block;
  padding: 0px 3px 0 3px;
}

.ttui-pagination td.pg a{
}

.ttui-pagination td.nav a {
}

 /**********************
 *  end: TTUI: Pagination
 *********************/

  /**********************
 *  beg: TTUI: DataGrid
 *********************/
.ttui-dg thead th.sort-asc span{
    background: transparent url(../ui_gfx/ttui_dg/arr_sort_u.gif) center center no-repeat;
} 
.ttui-dg thead th.sort-desc span{
    background: transparent url(../ui_gfx/ttui_dg/arr_sort_d.gif) center center no-repeat;
} 
 
.ttui-dg tr.odd td {
    background-color: #EAEAEA;
}
.ttui-dg input {
    margin: 0;
}
.ttui-dg tr.row-summary td {
    text-align: right;
    background: Gray;
    color: white;
}
  /**********************
 *  end: TTUI: DataGrid
 *********************/

/**********************
*  beg: TTUI: EditableGrid
*********************/
.ttui-eg {
    empty-cells: show;   
} 
/**********************
*  end: TTUI: EditableGrid
*********************/
 
/**********************
*  beg: TTUI: TabView Horizontal
*********************/
.ttui-tabview {
    width: 100%;
}
.ttui-tabview .ttui-tabview-nav{
	font-size:0.9em;
	line-height:1.4em;
    padding:5px 0 0 5px;
    clear: both;
    height: 20px;
}

.ttui-tabview .ttui-tabview-nav span{
    display: none;
}
.ttui-tabview .ttui-tabview-nav a {
	display:block;
    float: left;
	text-decoration:none;
	font-size:12px;
	margin: 0 4px 0 0;
    cursor: pointer;
    width: 20%;
	background-color: #D0D7DD;
    color: Black;
    border-color: Gray;
    border-left: 1px solid;
    text-align:center;

}
.ttui-tabview .ttui-tabview-nav a span{
	display:block;
	padding: 5px 12px 3px 12px;
	display:block;
	width:100%;
	text-align:center;
}
.ttui-tabview .ttui-tabview-nav a.selected {
    background-color: Gray;
	color: #3A6EA5;
}

.ttui-tabview .content{
    border: 1px solid gray;
    clear: both;
    padding: 10px;
    margin-top: 0px;
}

/**********************
*  end: TTUI: TabView Horizontal
*********************/


/**********************
*  beg: TTUI: TabView Vertical
*********************/
.ttui-tabviewv {
 }
.ttui-tabviewv .tui-tabviewv-tbl {
    width: 100%;
}
.ttui-tabviewv .tui-tabviewv-tbl-td1, .ttui-tabviewv .tui-tabviewv-tbl-td2 {
    vertical-align: top;
}

.ttui-tabviewv .ttui-tabview-nav{
	font-size:0.9em;
	line-height:1.4em;
    height: 20px;
}

.ttui-tabviewv .ttui-tabview-nav span{
    display: none;
}
.ttui-tabviewv .ttui-tabview-nav a {
	display:block;
    cursor: pointer;
	text-decoration:none;
	font-size:12px;
	margin: 0 4px 0 0;
    width: 20%;
	background-color: #D0D7DD;
    color: Black;
    border-color: Gray;
    border-left: 1px solid;
    width: 100%;
    text-align: left;
}
.ttui-tabviewv .ttui-tabview-nav a span{
	display:block;
	padding: 5px 12px 3px 12px;
	display:block;
	width:100%;
}
.ttui-tabviewv .ttui-tabview-nav a.selected {
    background-color: #EAEAEA;
	color: #3A6EA5;
}
.ttui-tabviewv .tui-tabviewv-tbl-td2 {
    border: 1px solid gray;    
    padding: 10px;
}
.ttui-tabviewv .content{
    margin-top: 0px;
}

/**********************
*  end: TTUI: TabView Vertical
*********************/






/**********************
*  beg: TTUI: GFX Bar
*********************/
.ttui-gfxbar .ttui-gfxbarv-label {
    font-size: 85%;
}

/**********************
*  end: TTUI: GFX Bar
*********************/



/**********************
*  beg: TTUI: GfxBar
*********************/
.ttui-gfxbarv {
    width: 100px;
    border: 1px solid black;
    padding: 1px;
    line-height: 1px; font-size: 1px;
    text-align: left;
}
.ttui-gfxbarv .bar{
    background: red;
    height: 3px;
    line-height: 1px; font-size: 1px;
}
/**********************
*  end: TTUI: GfxBar
*********************/
/*-- beg: TTUI Columns --*/
div.columns
{
	overflow: hidden;
	width: 100%;
}
div.columns2-a,
div.columns3-a,
div.columns3-b,
div.columns4-a,
div.columns4-b,
div.columns4-c
{
    float: left;
    margin-bottom: 0.8em;
}
div.columns2-b, 
div.columns3-c,
div.columns4-d
{
    float: right;
    margin-bottom: 0.8em;
}
div div.columns2-a,
div div.columns2-b
{
    width: 49%;
}

div div.columns3-a,
div div.columns3-b,
div div.columns3-c
{
    width: 33%;
}
div div.columns4-a,
div div.columns4-b,
div div.columns4-c,
div div.columns4-d
{
    width: 24%;
}

div.columns3-a {
    margin-right: 0.4%;    
}

.widthfull
{
    width: 100%;
}
.clear
{
    clear: both;
}

/*-- end: TTUI Columns --*//*--START OF THE GLOBAL STYLE DEFINITION--*/
#main form.form {
  background: White;
  border: 2px solid #4C5769;
  border: 1px outset #E1E3E2;
  padding: 10px;  
}

.inputbox, .inputbox-num, textarea {
  border: 2px solid #FE9805;
	color: #212930;
	font-size: 12px;  
	padding: 3px 5px;
}

#qlogin .inputbox {  
  width: 100px;
	border-top: 1px solid #8B8A8A;
	border-right: 1px solid #ECEBEB;
	border-bottom: 1px solid #ECEBEB;
	border-left: 1px solid #8B8A8A;  
}

.inputbox {
  width: 140px;
  height: 19px;
}

.inputbox {
  font-size: 12px;
  padding: 2px 5px 0px 4px;
}

.inputbox-num {
	width: 120px;
}

option.selected {
  background: #DDDFEB;
  color: #3D3F7E;
  border: 1px solid #696969;
  font-weight: bold;
}

fieldset {
	padding: 0 5px 5px 5px;
	margin-bottom: 10px;
  line-height: normal;
  border: 1px solid #4C5769;
}

fieldset legend {
  margin-bottom: 5px;
  font-weight: bold;
  margin: 0 0 5px 0;
  color: #3D3F7E;
  background: transparent;
  padding: 0 5px 5px 5px;
  border-bottom: 0px solid #C6C4C4;
  font-weight: normal;  
  font-size: 13px;
}

fieldset legend h2{
	border: 0;
	margin: 0 5px 0 5px;
}

fieldset label {
	padding-right: 5px;
}

fieldset table.tbl-form {
  border: 1px solid #EDEDED;
}

fieldset td {
  padding: 0.1em 0 0.1em 2px;
  text-align: left;
}

fieldset td.lbl {
  text-align: right;
  background: url(../../public/ui_gfx/frm_label_bckg.gif) no-repeat 0.2em right;
 	padding: 0.3em 1px 0.2em 0;
}

fieldset td.nfo {
  text-align: left;
  padding: 0.3em 5px 0 3px;
}

fieldset tr.odd td {
  border-bottom: 1px solid white;
 /* background: #EDEDED;*/
}

fieldset td label {

	margin: 0 1px 0 2px;

	text-align: right;
  vertical-align: top;
  font-weight: bold;
  color: #4C5769;
  background: transparent;
}

#main fieldset p {
	margin: 5px 0 5px 0;
	padding: 3px 5px;
	background: #F9F9F9;
	color: black;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #EDEDED;
	
}

#main fieldset table {
	margin: 0;
  border: 0;
}

fieldset table td {
	vertical-align: top;
  padding-bottom: 5px;
}

#main .controll, .control{
	text-align: center;
  padding: 2px 5px 5px 2px;
}

fieldset.box-active {
	border: 2px solid #2D409E;
}

fieldset .button {
  margin: 5px 0 0 0;
}

fieldset a.btnlink {
  margin: 5px 0 0 0; padding: 1px 5px 2px 5px;
  display: block;
  letter-spacing: 0px;
}


fieldset.box-active legend{
	font-weight: bold;
	color: red;
	background: transparent;
}

.invalid{
  border: 2px solid #BB0000;
  background: #FE9805;
  color: black;
}

span.v-status {
  margin-top: 1px;
  display: block;
  padding: 0px 6px 5px 2px;
  font-weight: bold;  
  color: red;
}

#input-email, #input-pwd, #input-usr  {
  padding-left: 25px;
  background-position: left bottom;
}

#input-email {
  background: url(../ui_gfx/ico_frm_mail.gif) no-repeat;  
}

#input-pwd {
  background: url(../ui_gfx/ico_frm_pwd.gif) no-repeat;    
}

#input-usr {
  background: url(../ui_gfx/ico_frm_usr.gif) no-repeat;    
}

.filter-settings {
  background: #ECEBEB;
  padding: 3px 3px 5px 3px;
  border-bottom: 2px solid #696969;
  border-right: 1px solid #696969;
}

.filter-settings .info{
  border: 1px inset white;
  font-size: small;
}

.filter-settings legend{
  font-weight: bold;
  font-size: small;
}

.tbl-form td textarea {
  width: 140px;
  height: 4em;
}

/*--------------*/
/*--START OF THE GLOBAL STYLE DEFINITION--*/
.tbl-list {
	border: 2px solid #4C5769;
	border-collapse: collapse;
	border-spacing: 1px;	
  width: 100%;
}
.tbl-list thead{
	border-bottom: 2px solid #D4D0C8;
}

.tbl-list td, .tbl-list th{
	padding: 5px 3px 4px 3px;
	color: black;
  background: #FDFBFB;
}

.tbl-list td{
	border: 1px solid #D4D0C8;
	border-right: 1px solid #808080;
}


.tbl-list td .btnlink{
	display: block;
	padding-bottom: 4px;  
  white-space: nowrap;
  padding: 3px 8px;
}

.tbl-list th{
  background: #717E91 url(../ui_gfx/fill_t_light_th.gif) repeat-x;
  color: white;
  border: 1px solid #808080;
  border-top: 1px solid #D4D0C8;
  border-right: 1px solid #FDFBFB;
  border-bottom: 1px solid #FDFBFB;
  border-left: 1px solid #FDFBFB;
  font-weight: bold;
  padding: 2px 5px 2px 7px;

}

.tbl-list thead th{
	cursor: pointer;
}

.tbl-list .sort-arrow.descending {
	background-image:	url(../ui_gfx/downsimple.png);
}

.tbl-list .sort-arrow.ascending {
	background-image:	url(../ui_gfx/upsimple.png);
}

.tbl-list .sort-arrow {
	width: 11px;
	height: 11px;
	background-position:	center center;
	background-repeat: no-repeat;
	margin: 0 2px;
}

.tbl-list .inputbox {
	margin-bottom: 15px;
}

.tbl-grey {
	
}

.tbl-cols{  
  width: 100%;
}

.tbl-cols td {
	padding-right: 15px;
}

.tbl-cols td.last {
  padding-right: 0px;
}

/* BEG: STATS TABLE */
#tbl-stats-main td.separator{
    background: #2D409E;
    height: 5px;
    border: 1px solid #D10000;
}

#tbl-stats-main td.general{
    background: #FDFBFB;
    border: 1px solid #D10000;
    font-weight: bold;
}
/* END: STATS TABLE */

td.num {
  text-align: right;
  padding-right: 10px;
}
.table-align-right thead th {
    text-align: center;
}
.table-align-right tbody td {
    white-space: nowrap;
    text-align: right;
}


.tbl-light {
    border-collapse: separate;
    border-spacing: 1px;
    border: 1px solid #797979;    
    background: White;



}
.tbl-light td {
    padding: 1px 2px;
    border: 1px solid #DDDDDD;
    line-height: 1em;
    vertical-align: middle;
}
.tbl-light th {
    padding: 1px 2px;
    background-color: #DDDDDD;
    font-weight: bold;
    text-align: left;
    border: 1px solid #C1C1C1;
    border-bottom: 2px solid #C1C1C1;
    white-space: nowrap;

}
/*--START OF THE GLOBAL STYLE DEFINITION--*/
html {
	text-align: center;
}

html, body {
    scrollbar-base-color: #E1E3E2;
}

body {
	font-family: Arial, Helvetica, sans-serif, system;
	font-size: 12px;
	color: #1F266A;
  background: #717E91 url(../ui_gfx/fill_body.gif);
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	display: block;
  text-align: center;
}

body *{
  line-height: 1.4em;
}

a {
  font-weight: bold;
  color: #BB0000;
  background-color: transparent;
}

a:hover {
  text-decoration: none;
}

a img {
  border: 0;
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote {
  margin: 0; padding: 0;
}

p, ul, li {
  margin: 0; padding: 0;
}

p {
  background: transparent;
  font-size: 13px;
}

table, td, tr {
  padding: 0; margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  
}

ul, li {
  list-style: none;
}

h1 {
  font-size: 24px;
  letter-spacing: 1px;
  margin: 0 0 0 0;
  font-family: "Century Gothic", "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif; 
  padding: 2px 10px;
  background: #4C5769;
  color: #FE9805;
  /*border: 1px solid #A1A9B4;*/
  /*
  border-top: 5px solid #FE9805;
  border-bottom: 5px solid white;
  */
}

h1 em {
  background: transparent;
  color: White;
}

h2 {
  font-family: Verdana, arial, helvetica, sans-serif; 
  color: #828688;
  padding: 0; margin: 0;
  font-weight: normal;
  color: #BB0000;
  background: transparent;
  font-size: 24px;
  margin: 0 0 5px 0;  
}

h3 {
  font-size: 18px;
}

hr {
  display: none;
}


form {
  margin: 0; padding: 0;
}

td {
  vertical-align: top;
}
/* BEG: Global classes */
.clear-both {
  clear: both;
}

.clear-left {
  clear: left;
}

.button, a.btnlink {
  background: #BA0506;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid #C9CDCC;
  border-bottom: 1px solid #C9CDCC;
  color: white;
  font-weight: bold;
  font-family: Arial, sans, serif;
  font-size: 12px;
  text-decoration: none;
}
a.btnlink {
    display: block;
}
.v-status {
  display: block;
  color: red;
  background: transparent;
  font-weight: bold;
}

.invalid {
  border: 2px solid #BB0000;
}
.cursorhelp {
    cursor: help;    
}
.helptext {
    cursor: help;
    text-decoration: none; 
    border-bottom: 2px dashed #4C5769;
    padding-bottom: 3px;
    white-space: nowrap;    
    
}
.nowrap {
    white-space: nowrap;
}
.txt {
  font-size: 90%; 
}

.tbl-cols td {
	padding-right: 15px;
}

.tbl-cols td.last {
	padding-right: 0px;
}

.center {
  text-align: center;
}

.fullwidth {
    width: 100%;
}

.td-num {
    text-align: right;
}
td.num {
    text-align: left;
}
td.num .inputbox {
    width: 40px;
}
td.ta-longer .textarea {
    width: 240px;
    height: 3em;
}
td.ta-middle .textarea {
    width: 190px;
    height: 3em;
}

td.valign-top {
    vertical-align: top;
}
.txt-red {
    color: Red;
    background-color: transparent;
}

/* END: Global classes */

/* BEG: Website header definition */
#container {
  width: 745px;
  margin: auto;
  border-top: 2px solid #4C5769;
}

#domain {
  display: none;
}

#holder {
  border: 2px solid #718292;
  /*height: 500px;*/
  border-top: 0;
  background: #4C5769;
  text-align: left;
}

#top-left {
  width: 550px;
  float: left;
  height: 188px;
  overflow: hidden;  
  background: #717E91;
}

#qlogin {
  background: #FE9805 url(../ui_gfx/qlogin_bckg.jpg) bottom right no-repeat;
  height: 46px;
  overflow: hidden;
  width: 550px;
  color: White;
}

#qlogin table{
  margin: 4px 0 0 10px;
}

#qlogin td{
  vertical-align: bottom;
  color: White;
  font-size: 11px;
  padding-right: 5px;
}

#qlogin label {
  font-weight: bold;
}

#qlogin h2 {
  background: transparent url(../ui_gfx/ico_redarr.gif) center left no-repeat;
  color: white;
  margin: 2px 0 0 0;
  padding: 0 10px 0 15px;
  letter-spacing: 1px;
  font-size: 20px;
  
}
h2#loggeduser {
    font-size: 17px;
}
h2#loggeduser em {
    font-size: 12px;
    font-style: normal;    
}
h2#loggeduser span {
    font-size: 13px;
    font-weight: bold;
}



#menupanel {
  background: #BFC5CE url(../ui_gfx/fill_menu.gif) repeat-x;
  height: 19px;
  position: relative;
  overflow: hidden;
}

#menu {
  width: 460px;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 11px;
  height: 19px;
  z-index: 50;
  line-height: 1em;
}

#menu a, #menu a:hover {
  text-decoration: none;
  border-right: 1px solid #718292;
  letter-spacing: 1px;
  border-top: 1px solid #A1A9B4;
  padding: 4px 10px 2px 10px;
}

#menu span {
  display: none;
}

#menu a:hover {
    color: #4C5769;
    text-decoration: underline;
}

#menu a.selected { 
  background-color: #A1A9B4;
  color: white;
}

#lostpwd {
  width: 200px;
  right: 0px;
  overflow: hidden;
  height: 19px;
  position: absolute;
  background: url(../ui_gfx/lostpwd_bckg.jpg) top right no-repeat;
}

#girl {
  border-bottom: 3px solid #718292;
  border: 0;
  height: 120px;
  overflow: hidden;    
}

#girl *{
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
}

#girl a img{
  border: 0;
}

#top-right {
  width: 191px;
  float: right;
  height: 188px;
  overflow: hidden;
  background: #717E91;
}

#rednav {
  height: 46px;
  overflow: hidden;
  background: #C50505;
  position: relative;
}

#rednav a {
  width: 95px;
  height: 46px;
  overflow: hidden;
  background: url(./../ui_gfx/fill_rednavbtn.gif) no-repeat;
  display: block;
  font-size: 12px;
  color: White;
  padding: 14px 0 0 0;
  text-align: center;
  border-right: 1px solid #ED5959;
}

#rednav .last a {
  border-right: 0;
}

#rednav a:hover {
  background-position: -96px 0px;
}
#rednav #usr-coins{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #FE9805;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    width: 95px;
    padding: 0;
}
#logo-r {
  overflow: hidden;
 }
 
#pages {
   height: 23px;
   text-align: center;
   color: White;
   background: url(../ui_gfx/fill_pages.gif) repeat-x;
   font-size: 14px;
   font-weight: bold;
   overflow: hidden;
   padding: 0px 0 0 0;
}

#pages .selected {
  color: #FE9805;
  background: transparent;
} 
 
#stepper table{ 
  width:100%;
}
 
#stepper td{
  height: 23px;
  font-size: 11px;
  width: 50%;
  vertical-align: middle;
}

#stepper a {
  color: White;
  background: transparent;
}

#stepper .prev {
   background: url(../ui_gfx/top_btn_prev.jpg) no-repeat;
  text-align: right;
  padding-right: 5px;
}

#stepper .next{
  background: url(../ui_gfx/top_btn_next.jpg) no-repeat;
  text-align: left;
  padding-left: 15px;
}

#frontfull-stepper table {
    width: 95%;
    font-size: 15px;
}
#frontfull-stepper td.next {
    text-align: right;
}
#stepper table#frnt-page-full{ 
  width:90%;
}


/* main */
#main {
  background: #E1E3E2;
  clear: both;
  border: 1px solid #718292;
}

a.lp {
  background: transparent url(../ui_gfx/ico_dblarr_w.gif) center right no-repeat;
  padding-right: 15px;
  color: white;
  width: 55px;
}

a.btn-chat {
  background-color: #B80000;
  color: White;
  margin-left: 20px;
  text-align: center;
  padding: 2px 0px;
  width: 84px;
  text-decoration: none;
  border: 1px outset #BB0000;
}

a.btn-chat:hover {
  background-color: #B80000;
  color: #FE9805;
}

#footer {
  background: #4C5769;
  padding: 5px 10px;
  color: White;
  border-top: 2px solid #718292;
}

#footer .info{
  width: 400px;
  float: right;
  text-align: right;
}

#footer #copyright{
  width: 200px;
  float: left;
}

#footer a{
  color: #FE9805;
  background: transparent;
}

.mainpad {
  padding: 15px 15px 10px 15px;
  border-top: 3px solid #718292;
}

.mainpad p {
  font-size: 16px;
  margin-bottom: 10px;
}


h2.h2-f, #sub-overview h2 {
  margin: 0;
  background: #4C5769;
  font-size: 14px;
  padding: 0px 5px;
  color: white;
  font-weight: bold;
  border: 1px solid #4C5769;
  margin-bottom: 1px;
  border-top: 2px solid #717E91;
}

#faqs h2 {
  font-size: 18px;
  color: #4C5769;
  padding-left: 20px;
  margin: 0;
  letter-spacing: 0px;
  background: url(../ui_gfx/ico_question_mid.gif) 0px 0.3em no-repeat;
}

#faqs blockquote {
  padding: 0 15px 0 24px;
  font-size: 16px;
  margin: 0 0 20px 0;
  text-align: justify;
}

#sys-report {
  background: #FE9805;
  color: White;
  padding: 5px 15px;
  border: 1px solid #4C5769;
  border-bottom: 5px solid #BB0000;
  border-top: 5px solid #BB0000;
  margin-bottom: 10px;
  font-size: 18px;  
}

#sys-report h2{
  margin: 0; padding: 0;
  font-size: 18px;  
}

#sys-report *{
  color: White;
}

#sys-report a {
    color: #B80000;
    background: transparent;
}

.actionslink {
  width: 50px;
  display: block;
  padding: 0 0 2px 18px;
  border: 0px outset #FE9805;
  white-space: nowrap;
}

#link-logout {
  background: url(../ui_gfx/ico_logout_orng.gif) no-repeat;
}

#link-account {
  background: url(../ui_gfx/ico_account_orng.gif) no-repeat;
}

p.box-info {
  padding-top: 5px;
  padding-left: 35px;
  min-height: 30px;
  _height: 30px;
  background: url(../ui_gfx/ico_info_b_g.gif) top left no-repeat;
  margin: 3px 0;
}

.gototop {
  margin: 15px 320px 0 320px;
  text-align: center;
  padding: 3px 0 2px 0;
  background: #717E91;
}

.gototop a{
  color: White;
  background: transparent;
  font-size: 11px;
}

/*---*/
#suboverview {

}
#sub-overview h2{
  padding: 1px 10px 3px 10px;
  border: 0;
  border-right: 3px solid #717E91;
  border-bottom: 1px solid #717E91;
  margin-bottom: 0px;
  background: #FE9805;
  background: #C9CDCC url(../ui_gfx/fill_grey_gradient.gif) repeat-x;
  font-size: 13px;
}

#sub-overview h2 a{
  display: block;
  color: #BA0506;
  position: relative;
}

#sub-overview .selected h2{
  color: White;
  background: #FE9805;
  background: #4C5769;
  color: White;
  border-bottom: 1px solid #4C5769;
  font-family: Arial, Helvetica, sans-serif, system;
}

#sub-overview .selected h2 a{
  text-decoration: none;
  color: White;
  background: transparent;
}

/* TTUI Skins */

#qlogin .inputbox {
  width: 75px;
}

/* TERMS OF USE */
#terms h3 {
    margin: 15px 0 5px 0;
}

#terms p, #terms li {
    font-size: larger;
    padding-left: 15px;
    margin-bottom: 2em;
}
#terms li {
    list-style: square;
    padding-left: 5px;
}
#terms ul {
    margin-left: 40px;
}

#promobox {
    background: #B80000 url(../ui_gfx/fill_red_gradient.gif) repeat-x;
    color: White;
    padding: 2px 10px;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #C9CDCC;
}

#promobox a{
    color: #FE9805;
    background: transparent;
}

.tr-red td, .td-total{
    border: 1px solid red;
    background: url(../ui_gfx/fill_gradient_red.gif) repeat-x;  
    color: White;
    font-weight: bold;
}
.tr-red td a{
    color: #FE9805;
}
.td-num, .td-time {
    text-align: right;
    padding-right: 5px;
}

.backtohome {
    text-align: center;
    background: white;
    padding: 5px 10px;
}

.backtohome a{
    display: block;
    width: 200px;
    padding: 5px 10px;
    background: #BB0000;
    color: White;
}

ul.list-tick li{
    padding-left: 20px;
    background: url(../ico/ico_tick_mid.gif) 0.2em 0 no-repeat;     
    margin-bottom: 5px;
}

ul.list{
    padding-left: 5px;
    margin-bottom: 5px;
    list-style: square;
    margin-left: 20px;
}

ul.list li {
    list-style: square;
    list-style-position: inside;
    margin-bottom: 0.3em;
}

ul.list-numeric li {
    list-style: decimal;
}
ul.list-numeric li li{
    list-style: square;
}


td.minimal-width{
    width: 1%;
    white-space: nowrap;   
}
.align-center{
    text-align: center;
}

#top-left td.member-nav-link {
	vertical-align: middle;
}
#top-left #member-systeminfo {
	padding-left: 14px;
	font-size: 10px;
}

#xbiz-box-award2007
{
	width: 94px;
	height: 85px;
	position: absolute;
	top: 35px;
	left: 15px;
	overflow: visible;
}

#xbiz-box-award2007 a
{
	border: 3px solid #00FF2A;
	display: block;

}
#xbiz-box-award2007 a:hover
{
	border: 3px solid #FE9805;
	
}
#girl
{
	position: relative;
}

/* beg: top advertisment bar */
#topadbar 
{
	width: 100%;
}
#topadbar .content
{
	padding: 1px 5px 3px 5px;
	border: 1px solid #4C5769;	
	border-top: 0;
	background: #717E91;
}
#topadbar a
{
	color: #FE9805;
}
#topadbar a strong
{
	color: white;
}

/* end: top advertisment bar */

#popup-container
{
	width: 100%;
	height: 100%;
    opacity: .45;
    filter: alpha(opacity=45);		
	 background-color: #BEF6AB;
	 background: gray;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 998;
}

#popup
{
    position: absolute;
    z-index: 999;
    background-color: white;
	 
	 width: 320px;
	 margin-left: -160px;
	 left: 50%; 
	 top: 20px;
	 text-align: center; 
	 border: 3px solid orange;
}
.ttui-pagination {
  background: #F0F0F0;
  margin-bottom: 2px;
  border: 2px solid #4C5769;
  width: 100%;
}
.ttui-pagination .nav {
    padding: 3px 5px;
}
.ttui-pagination td.nav, .ttui-pagination td.pg {
    vertical-align: middle;
    position: relative;
}

.ttui-pagination td.ttui-info {
    vertical-align: middle;
    color: #4C5769;
}
.ttui-pagination td a {
    background: url(../ui_gfx/fill_grey_gradient.gif) top left repeat-x;
    text-decoration: none;
    display: block;
	text-align: center;
	font-size: 14px;
	border: 2px solid #4C5769;
	text-align: center;
	font-size: 14px;
    position: relative;
    width: 20px;
}
.ttui-pagination td a:hover {
    color: white;
}
.ttui-pagination td a.selected {
  background: #FE9805;
  color: White;
}
.ttui-pagination td.ttui-info {
  background-color: #4C5769;
  color: White;
  border-color: #717E91;
  background: transparent;
  color: #4C5769;
  border: 0;
}
.ttui-pagination .jumpers .inputbox{
    width: 20px;
}
.ttui-dg thead th.sort-asc span{
    background-image: url(../ui_gfx/ttui_dg/arr_sort_u.gif);
} 
.ttui-dg thead th.sort-desc span{
    background-image: url(../ui_gfx/ttui_dg/arr_sort_d.gif);
}  

/* TabView */
.ttui-tabview .ttui-tabview-nav a {
    background:#D0D7DD url(../ui_gfx/fill_grey_gradient.gif) top left repeat-x;
    color: Black;
    border: 2px solid #4C5769;
    border-bottom: 0;
}
.ttui-tabview .ttui-tabview-nav li.selected a{
	color: white;
	background: #B80000 url(../ui_gfx/fill_red_gradient.gif) repeat-x;
}
.ttui-tabview .content{
    background: white;
    padding-right: 10px;
    border: 2px solid #4C5769;
}

/* FILTERs */
.ttui-filters{
    background: White;
    padding: 2px 5px 10px 5px;
}

/* DataGrid */
.ttui-dg thead th a {
    color: White;
    text-decoration: underline;
}
.ttui-dg tr.row-summary td {
    text-align: right;
    background: #B80000 url(../ui_gfx/fill_red_gradient.gif) repeat-x;
    color: white;
    padding-right: 5px;
}
/* filters */
fieldset.box-active, .ttui-filter-active {
    border: 2px solid #4C5769;
}


/* beg: RadioButton */
.ttui-radiodecider-h td {
    padding: 0;
    border: 1px solid #D0D7DD;
    vertical-align: middle;
}
.ttui-radiodecider-h input {
    background: #D0D7DD;
    border: 1px solid #717E91;
}
#main .ttui-radiodecider-h label {
    font-weight: normal;
    padding: 0 2px;
}
.ttui-radiodecider-h td.checked {
    background: #FE9805;
    font-weight: bold;
}
#main .ttui-radiodecider-h td.checked label {
    font-weight: bold;
}

/* end: RadioButton */

.ttui-dg td.align-left{
    text-align: left;
}