html {

	height: 100%;

}



body { 

      background-color: #000000;

       margin-left:0px; 

       margin-right:0px; 

       margin-top:0px; 

       margin-bottom:0px 



}





#main {
	padding:2px;	border: 1px solid #282828;
        width: 802px;
	margin-left: auto;
	margin-right: auto;
	
}
.clr {
	clear: both;
}

.outline {
        border: 1px solid #282828;
        background: #000000;
        padding: 2px;
        width: 802px;
        margin-left: auto;
        margin-right: auto;
}



#main_body {
	vertical-align: top;
	padding-left: 2px;
	width: 100%;
}



#body_outer {
	float: left;
	padding: 2px;
	margin-top: 2px;	
        border: 1px solid #282828;
}

ul {
       margin: 0;
       padding: 0;
       list-style: none;
}

li {
       line-height: 15px;
       padding-left: 15px;
       padding-top: 0px;
       background-image: url(/datcom_@/images/bullet.png);
       background-repeat: no-repeat;
       background-position: 0px 2px;
}


td {
	text-align: left;
	font-size: 11px;
}


body,td,th {
        font-size: 11px;
	font-family: arial;
	color: #c0bbb8;

}
a:link {
	color: #ffffff;
	text-decoration: none;
        font-weight: bold;

}
a:visited {
	text-decoration: none;
	color: #ffffff;
        font-weight: bold;

}
a:hover {
	text-decoration: none;
	color: #ffffff;
        font-weight: bold;
        text-decoration : underline;


}
a:active {
	text-decoration: none;
	color: #ffffff;
        font-weight: bold;

}

.button {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	line-height: 10px;
	margin: 1px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	BACKGROUND-COLOR: #000000;
	background-repeat: repeat-x;
	color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #505050;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #505050;

}

.login_field {border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #111111;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #000000;
        background-color: #000000;
        background-repeat: repeat-x;

        font-family:tahoma; 
        font-size:8pt; 
        font-size:8pt; 
        color:#F6F4EE; 
        LINE-HEIGHT: 14px;
}

.input_login {
       border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1f1f1f;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #1f1f1f;
        background-color: #080706;
        background-repeat: repeat-x;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:11pX;  
        color:#c0bbb8; 
}
     
.login_id .on { background:url('/datcom_@/images/login_input_id.png') 5px 4px no-repeat;
                background-color: #080706;
                 
}

.login_pw .on { background:url('/datcom_@/images/login_input_pw.png') 5px 4px no-repeat;
                background-color: #080706;

}

.login_code .on { background:url('/datcom_@/images/login_input_code.png') 5px 4px no-repeat;
                background-color: #080706;
}

input {
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1f1f1f;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #1f1f1f;
        background-color: #07080b;
        background-repeat: repeat-x;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:11pX;  
        color:#c0bbb8; 
}

select {
           color : #000000;
           font-size : 12px;
           font-family : Tahoma, Verdana, Arial;
           BORDER-RIGHT: #505050 1px solid; 
           BORDER-TOP: #505050 1px solid;
           BORDER-LEFT: #505050 1px solid;
           BORDER-BOTTOM: #505050 1px solid;
           
}

.help-tooltip {
	position:	absolute;
	border:		1px Solid #23221f;
	background:	#000000;
	color:		#ffffff;
	font:		Status-Bar;
	padding:	0px;
	filter:		progid:DXImageTransform.Microsoft.Shadow(color="#23221f", Direction=199, Strength=3);
	z-index:	10000;
}

.fieldset { margin-bottom: 6px;
            border:1px solid #505050
}

legend {
	color: #c26102;
	font: 11px arial;
        font-weight: bold;
}

FORM {
      DISPLAY: inline
}



.formBox {
	BORDER-RIGHT: #999999 1px solid; 
        BORDER-TOP: #999999 1px solid; 
        FONT-SIZE: 10px; 
        BORDER-LEFT: #999999 1px solid; COLOR: #999999;
        BORDER-BOTTOM: #999999 1px solid; 
        FONT-FAMILY: verdana,arial,helvetica,sans-serif; 
        BACKGROUND-COLOR: #242424;
}

textarea {
	BORDER-RIGHT: #505050 1px solid; 
        BORDER-TOP: #505050 1px solid; 
        FONT-SIZE: 10px; 
        BORDER-LEFT: #505050 1px solid; 
        COLOR: #111111;
        BORDER-BOTTOM: #505050 1px solid; 
        FONT-FAMILY: verdana,arial,helvetica,sans-serif; 
        BACKGROUND-COLOR: #F2F2F2;
}


.mod_title{
color : #bababa;
font-family: "Times New Roman", Times, serif;
font-size : 26px;
font-style: oblique;
font-weight: bold;

}

.mod_title2{
color : #e5e700;
font-family: "Times New Roman", Times, serif;
font-size : 26px;
font-style: oblique;
font-weight: bold;

}

.mod_title3{
color : #b96307;
font-family: "Times New Roman", Times, serif;
font-size : 16px;
font-weight: bold;

}

.mod_title_cs{
color : #ffffff;
font-family: verdana,arial,helvetica,sans-serif;
font-size : 14px;
font-weight: bold;

}

.title{
color : #cccccc;
font-family: "Times New Roman", Times, serif;
font-size : 18px;
font-weight: bold;
}

.panel_login{
font-family: "Arial", Times, serif;
font-size : 14px;
font-weight: bold;
color: #ff0000;

}

a.helpLink {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
	font-size: 12px;
}

a.helpLink:hover {
	color: #f98f12;
	text-decoration: none;
	border-bottom: 1px dashed #f95312;
}

.style1 {
        color: #bababa;
	font-weight: bold;
	line-height: 1.11em;
	font-size: 1.01em;
	text-transform: uppercase;
}

.style2 {
         color: #bababa; 
         font-weight: bold;
         font-size: 12px;
}

.style3 {
         color: #FF0000;
         border-width: 0;
         font-weight: bold;
}

.style4 {
         color: #bababa;
         font-weight: bold;
}

.style5 {
         color: #ffffff;
         border-width: 0px;
         font-size: 11px;
         font-family: Arial;
         font-weight: lighter;
         cursor: hand;
         text-decoration: none;
}

.style6 {
         color: #FF0000; 
         font-weight: bold; 
         font-size: 12px;
}

.style7 {
         font-size: 10px;
         font-weight: bold;
}

.style8 {
         color: #0099CC;
         font-weight: bold;
}

.style9 {
         font-size: 12px; 
         color: #ebebeb;
         font-weight: bold;
           
}
.style10 {
          color: #bababa;
          font-size: 12px;
           
}
.style11 {
          font-size: 12px; 
          color: #baa05c; 
          font-weight: bold; 
}

.style12 {
          color: #CCCCCC;
          font-weight: bold;
}

.style13 {
          color: #CCCCCC;
          font-weight: bold; 
          font-size: 12px; 
}

.style16 {
          color: #bababa;
}

.style17 {
          color: #f1f1f1;
         font-weight: bold;
}

.style18 {
          color: #FF0000; 
          font-weight: bold;
}

.style19 {
          color: #0bcb2f; 
}

.style20 {
	background-image: url('/datcom_@/images/login.png');
}
.style21 {
	background-image: url('/datcom_@/images/menu.png');
}

.style22 {
          color: #FFFFFF;
}

.style23 {
	margin-left: 0px;
}
.style24 {
	background-image: url('datcom_@/images/center_zero.jpg');
}
.style25 {
	background-image: url('/datcom_@/images/status.png');
}

.style26 {background-image: url(/datcom_@/images/bg.gif);

          border: 1px solid #181818;
}

.style27 {
          text-align: center;
          color: #bababa; 
          font-weight: bold;
          font-size: 12px;
}

.style29 {color: #bababa; 
          font-size: 12px; 
}

.style30 {
          text-align: center;
}

.style31 {
          margin-bottom: 0px;
}
.style32 {
         border: 1px solid #000000;
	 background-color: #280000;
}
.style33 {color: #c8dcff;
          font-weight: bold;
}
.style34 {color: #da1acf;
          font-size: 11px;
          font-weight: bold;
          
}
.style35 {color: #e5e700;
          font-size: 11px;
          font-weight: bold;
}
.style36 {color: #7b94ca;
          font-size: 11px;
          font-weight: bold;
}
.style37 {color: #ff8b00;
          font-size: 11px;
          font-weight: bold;
}
.style38 {color: #da9ad7;
          font-size: 11px;
          font-weight: bold;
}
.style39 {color: #62bdea;
          font-size: 11px;
          font-weight: bold;
}
.style40 {color: #c8d3dd;
          font-size: 11px;
          font-weight: bold;
          
}
.style41 {color: #da1acf;
         font-weight: bold;
          
}

.style42 {background-color: #23221f;
          
}

.style43 {color: #c6c09e;
          
}

.style44 {color: #dab022;
          
}

.style45 {
	vertical-align: middle;
}


.style49 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #131313;
	border-bottom-color: #131313;
	border-left-color: #000000;
    background-color: #050505;
    background-repeat: repeat-x;
    color: #ffffff;
    font-family : "Arial", Helvetica, sans-serif;
    font-size:11pX;  
}

.style50 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404040;
        background-color: #080706;
        background-repeat: repeat-x;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:11pX;  
        color:#a9491b; 
        text-align: center;

}

.style51 {
        border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1f1f1f;
	border-right-color: #505050;
	border-bottom-color: #505050;
	border-left-color: #1f1f1f;
        background-color: #080706;
        background-repeat: repeat-x;
        font-family : "Arial", Helvetica, sans-serif;
        font-size:14pX;  
        color:#a9491b; 
        text-align: center;

}

.style52 {
	border: 2px solid #505050;
}

.style53 {
	text-align: right;
}
.style54 {
	color: #6294c3;
	font: 11px arial;
        font-weight: bold;

}

.style56 {
	color: #c26102;
	font: 11px arial;
        font-weight: bold;

}

.style55 {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #505050;  
	background-position: left top;
	color: #CCCCCC;
	font: 11px arial;
	background-repeat: repeat-x;
	background-attachment: scroll;
}

.style57 {
	color : #ffffff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
}
.style58 {
	color : #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	font-weight: bold;
	text-align: center;
}

.style59 {
	vertical-align: text-top;
}


span.stime {   
             font-size:11px; 
             color:#df5f18;  
             background-color:#080706; 
}

span.stime span { color:#f8b710;
 
}

.table1 {
	background-image: url('datcom_@/images/downloads.png');
}
.table2 {
	background-image: url('/datcom_@/images/submenu.png');
}
.table3 {
	background-image: url('/datcom_@/images/ranking.jpg');
}
.table4 {
	background-image: url('/datcom_@/images/characters.jpg');
}
.table5 {
	background-image: url('/datcom_@/images/repartir.jpg');
}
.table9 {
	background-image: url('/datcom_@/images/informacion.jpg');
}
.table10 {
	background-image: url('/datcom_@/images/cambiarcontra.jpg');
}
.table11 {
	background-image: url('/datcom_@/images/moverse.jpg');
}
.table12 {
	background-image: url('/datcom_@/images/publicidad.jpg');
}
.table13 {
	background-image: url('/datcom_@/images/infocuenta.jpg');
}
.table14 {
	background-image: url('/datcom_@/images/main.png');
}
.table15 {
	background-image: url('/datcom_@/images/main_left.jpg');
}
.table16 {
	background-image: url('/datcom_@/images/main_rigth.jpg');
}
.table17 {
	background-image: url('/datcom_@/images/main_rigth.jpg');
}
.table18 {
	background-image: url('/datcom_@/images/menu_rigth.jpg');
        background-repeat:no-repeat;
        height: 236px;
}
.table19 {
	background-image: url('/datcom_@/images/main_down.jpg');

}
.table20 {
	background-image: url('/datcom_@/images/menu_down_rigth.jpg');
        background-repeat:no-repeat;
        height: 365px;
}
.table21 {
        background-image: url('/datcom_@/images/menu_down_left.jpg'); 
        background-repeat:no-repeat; 
}
.table23 {
	background-image: url('/datcom_@/images/usuario.png');
}

.table24 {
        background-image: url('/datcom_@/images/menu_left.jpg'); 
        background-repeat:no-repeat; 
}

.table25 {
	background-image: url('/datcom_@/images/info_table.jpg');
}

.table26 {
	background-image: url('/datcom_@/images/recuperarpass.jpg');
}
.table27 {
	background-image: url('/datcom_@/images/preview_i06.jpg');
}

.table28 {
	background-image: url('/datcom_@/images/foro.png');
        background-repeat:no-repeat;
}
.table29 {
	background-image: url('/datcom_@/images/main_cs.png');
}

.table30 {
	background: url('/datcom_@/images/background2.jpg') top no-repeat;
	background-color: #000000;
        margin-left:0px; 
        margin-right:0px; 
        margin-top:0px; 
        margin-bottom:0px 
}

.table31 {
	background-image: url('/datcom_@/images/contacto.jpg');
}

.table32 {
	background-image: url('/datcom_@/images/error.jpg');
}

.table33 {

	background-image: url('/datcom_@/images/exito.jpg');

}
#SexyAlertBox-Box {

  padding-bottom: 24px;

  background: url('/datcom_@/images/bg-box-bottom.png') bottom left no-repeat !important;

  background: url('/datcom_@/images/bg-box-bottom.gif') bottom left no-repeat;

}



#SexyAlertBox-InBox {

  padding-top: 15px;

  background: url('/datcom_@/images/bg-box-top.png') top left no-repeat !important;	

  background: url('/datcom_@/images/bg-box-top.gif') top left no-repeat;	

}



#SexyAlertBox-BoxContent {

  background: url('/datcom_@/images/bg-box-body.png') top left repeat-y !important;

  background: url('/datcom_@/images/bg-box-body.gif') top left repeat-y;

  padding: 0px 20px;

}



#SexyAlertBox-BoxContenedor {

  padding: 0px 0px 5px 55px;

  text-align: left;

  font-family:Verdana;

  font-size:12px;

  color:#000;

}



#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{

  text-align: left;

  font-family:Verdana;

  font-size:12px;

  color:#000;

  font-weight:bold;

  margin:0px;

  padding:0px;

}



#SexyAlertBox-Buttons{

  text-align:right;

}



#SexyAlertBox-Buttons input {

  margin: 10px 10px;

}



#SexyAlertBox-BoxContenedor #BoxPromptInput{

  margin-top:5px;

}



#SexyAlertBox-Box .BoxAlert {

  background: url('/datcom_@/images/dialog-warning.png') top left no-repeat;

}



#SexyAlertBox-Box .BoxConfirm {

  background: url('/datcom_@/images/dialog-help.png') top left no-repeat;

}



#SexyAlertBox-Box .BoxPrompt {

  background: url('/datcom_@/images/dialog-help.png') top left no-repeat;

}



#SexyAlertBox-Box .BoxInfo {

  background: url('/datcom_@/images/dialog-information.png') top left no-repeat;

}



#SexyAlertBox-Box .BoxError {

  background: url('/datcom_@/images/dialog-error.png') top left no-repeat;

}