/* Border Styles */

table, td img, .button, .homeicon, .inline, .logoonly, .mainlogo, .graybutton, .panelbutton, .rfslogo, .whitebutton, .whiterightbutton {
    border-width: 0px;
}




/* EXPERIMENTAL */

/* All the content boxes belong to the content class. */
      .content {
        position: relative;
        width: 1000px;
        min-width: 120px;
        margin: 0 210px 20px 220px;
        border: 1px solid black;
        background-color: white;
        padding: 10px;
        z-index: 3;
      }
   
      #sidebar {
        position: absolute;
        width: 165px;
        top: 20px;
        left: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
        border: 1px dashed black;
        background-color: white;
        padding: 10px;
        z-index: 2;
  
      }      

	#sidebar b {
	  font-weight: bold;
        font-size: 11px;
	}

	#sidebar li {
	  font-size: 11px;
	}


      #sidebar h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 15px 0;
        padding: 0;
        color: #666666;
      }

      #sidebar h2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 1.1em;
      }

      #sidebar ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }


/* EXPERIMENTAL */






div.blackhomelink, div.blacklink {
    border-right: 1px solid #000000;
}

div.darkgraylink {
    border-right: 1px solid #666666;
}

.darkgraytop {
    border-top: 1px solid #999999;
}

.darkgrayright {
    border-right: 1px solid #999999;
}

.darkgraybottom, .rfstopbar, .topsubnav {
    border-bottom: 1px solid #999999;
}

.darkgrayleft, .topnavlink {
    border-left: 1px solid #999999;
}

.graybuttonfake, .whitebuttonfake {
    border: 2px outset;
}

/* Margins and Padding */

body {
    margin: 8px 8px 25px 8px;
}

div, form, table {
    margin: 0px;
}

.center, .main {
    margin: 0px auto 0px auto;
}

div.darkgraylink, div.darkgraylinklast {
    margin-top: 35px;
}

.racentertable {
    margin-top: 14px;
}

ul, ol {
    margin-top: 10px;
}

p {
    margin-top: 0px;
}

div.blacklink, div.blackhomelink, div.blacklinklast {
    margin-top: 2px;
    height: 14px;
}

div.darkgraylink {
    margin-right: 10px;
}

div.blackhomelink, div.blacklink, .numbericon {
    margin-right: 6px;
}

.enableboxblue, .enableboxorange, .enableboxpurple, .enableboxred {
    margin-right: 5px;
    padding: 3px;
}

.checkbox {
    margin-right: 3px;
}

p, br, ul, ol, .ad, .bottommargin10, .leftpanel, .rightpanel, .widepanel {
    margin-bottom: 10px;
}

.bottommargin5, .rfslogo, .sectiontitle {
    margin-bottom: 5px;
}

.nomargin {
    margin-bottom: 0px;
}

.shift25 {
    margin-left: 25px;
}

.homelinks {
    margin-left: 10px;
}

.graybutton, .graybuttonfake, .helpwhite, .panelbutton, .whitebutton {
    margin-left: 5px;
}

.whiterightbutton {
    margin-left: 2px;
}

.homepanels {
    margin: 15px 15px 0px 15px;
}

.helppanel, .panels {
    margin: 10px 15px 0px 15px;
}

.panel1 {
    margin: 10px 15px 0px 15px;
   
}
.helppagetitle, .pagetitle {
    margin: 8px 15px 0px 15px;
    padding: 0px 6px 0px 6px;
}

.logoonlybar, .rfstopbar {
    margin: 5px auto 11px auto;
}

.mainerrortopbox, .mainwarningtopbox {
    margin: 5px 15px 0px 15px;
}

.hotdog {
    margin: 3px 3px 2px 0px;
}

.actionboxpad {
    margin: 3px 0px 6px 10px;
}

.actionbox {
    margin: 3px 0px 0px 10px;
}

.topnavlink {
    margin: 2px 0px 2px 0px;
    padding: 0px 12px 0px 12px;
    height: 15px;
}

.checkboxicon {
    margin: 0px 2px 0px -25px;
}

.warningicontop {
    margin: 0px 2px 0px -19px;
}

.arrowicon {
    margin: 0px 2px 0px -7px;
}

.checkboxtext {
    margin: 0px 0px 5px 25px;
}

.indented19 {
    margin: 0px 0px 5px 19px;
}

.actionboxlink {
    margin: 0px 0px 4px 4px;
}

.actionboxtext {
    margin: 0px 0px 4px 1px;
}

.bulletitem {
    margin: 0px 0px 0px 7px;
}

.bullettext {
    margin: 0px 0px 0px -7px;
}

body, td, div {
    padding: 0px;
}

.data, .toppad10 {
    padding-top: 10px;
}

.enableboxtext, .radiocell, .toppad5, .toppad5center {
    padding-top: 5px;
}

.datasmall, .toppad3 {
    padding-top: 3px;
}

.subtitle, .subheadbold, .bottompad5 {
    padding-bottom: 5px;
}

div.darkgraylinklast, .blacklinks, .textboldpadright, .textmonopadright, .textsmallpadright {
    padding-right: 15px;
}

div.darkgraylink, .leftcolumn, .racenterbody, .rightpad10 {
    padding-right: 10px;
}

.textgraph {
    padding-right: 3px;
}

.topsubnav {
    padding-bottom: 3px;
}

.topnavlinks {
    padding-left: 12px;
}

.racentertitle {
    padding: 24px 0px 0px 10px;
}

.fieldlabel, .pad {
    padding: 0px 0px 0px 0px;
}

.datacenter, .datacenterbold ,.datacenterbold1, .datacenterred {
    padding: 0px;
}

.pad5, .columnheader{
    padding: 5px;
}

.datacenterbold1,  {
   margin-top: 7px;
}

.databoldpadright, .databoldpadrightred, .datapadright, .datapadrightred, .fieldlabelvertpad5 {
    padding: 5px 15px 5px 0px;
}

.logdata {
    padding: 5px 15px 0px 0px;
}

.panelbuttons {
    padding: 5px 6px 0px 6px;
}

.datavertpad5, .vertpad5 {
    padding: 5px 0px 5px 0px;
}

.helpgray {
    padding: 4px 6px 0px 15px;
}

.helpgraylog {
    padding: 4px 6px 0px 0px;
}

.bullet {
    padding: 4px 5px 3px 0px;
}

.logoonly, .rfslogo {
    padding: 4px 0px 0px 3px;
}

.mainlogocell, .paginatelinks {
    padding: 4px 2px 5px 3px;
}

.racenterphotos {
    padding: 3px 60px 0px 20px;
}

.logdatasmall, .fieldlabelsmall, .fieldlabelsmallbold  {
    padding: 3px 15px 0px 0px;
}

.datacentersmall, .datacentersmallbold, .datasmallbold {
    padding: 3px 2px 0px 2px;
}

.vertpad3 {
    padding: 3px 0px 3px 0px;
}

.smallicon {
    padding: 4px 5px 0px 0px;
}

.fieldsmallbullet {
    padding: 3px 0px 0px 1px;
}

.vertpad2 {
    padding: 2px 0px 2px 0px;
}

.buttontext, .graybuttonfake, .whitebuttonfake {
    padding: 1px;
}

div.padded div.error0, div.padded div.error1, div.padded div.error2, div.padded div.error3, div.padded div.error4, div.padded div.error5, div.padded div.error6, div.padded div.error7, div.padded div.error8, div.padded div.error9, div.padded div.error10, div.padded div.error11, div.padded div.error12, div.padded div.error13, div.padded div.error14, div.padded div.error15, div.padded div.error16, div.padded div.error17, div.padded div.error18, div.padded div.error19 div, div.padded div.error20, .warniconmsg {
    padding: 1px 0px 1px 0px;
}

div.blackhomelink, div.blacklink, div.blacklinklast {
    padding: 1px 6px 0px 0px;
}

.alerticon {
    padding: 1px 4px 0px 0px;
}

.columnheaderleft {
    padding: 0px 15px 5px 0px;
}

.horizpad5 {
    padding: 0px 5px 0px 5px;
}

.panelcontent {
    padding: 0px 4px 4px 4px;
}

.warningicon {
    padding: 0px 2px 2px 2px;
}

.padded {
    padding: 0px 2px 1px 2px;
}

.panellabel {
    padding: 0px 0px 0px 6px;
}

/* Sizes */

.main, .logoonlybar, .racentertable, .rfstopbar {
    width: 780px;
}

.main1, {
    width: 820px;
     margin: 0px auto 0px auto;
     text-align: left;
}

.main2, {
    width: 780px;
     margin: 0px auto 0px auto;
     text-align: left;
}

.mainerrortopbox, .mainwarningtopbox, .homepanels, .pagetitle, .panels, .twocolumns, .widepanel, .wideinnerpanel {
    width: 750px;
}

.widepanel1 {

width: 800px;
 margin-bottom: 10px;
}

.twocolumn1 {
vertical-align: top;
width: 790px;
}
.helppagetitle, .helppanel, .leftpanel, .leftinnerpanel, .leftcolumn {
    width: 432px;
}

.rightpanel, .rightinnerpanel, .rightcolumn {
    width: 308px;
}

.sectiontitle {
    width: 183px;
}

.alertbox, .homerightcolumn {
    width: 110px;
}

.homelinks {
    width: 107px;
    margin-left: 10px;
}

.radiocell {
    width: 20px;
}

.rfstopbar {
    height: 62px;
}

.panelbuttons {
    height: 24px;
}

.dotted {
    height: 17px;
}

/* Display */

td img, .helppagetitle, .pagetitle, .sectiontitle {
    display: block;
}

.arrowicon, .bullet, .bullettext, .button, .checkbox, .checkboxicon, .graybutton, .graybuttonfake, .helpwhite, .homeicon, .hotdog, .inline, .mainlogo, .numbericon, .panelbutton, .rfslogo, .warningicon, .warningicontop, .whitebutton, .whitebuttonfake, .whiterightbutton {
    display: inline;
}

div.blacklink, div.blackhomelink, div.blacklinklast, div.darkgraylink, div.darkgraylinklast, .buttontext, .enableboxblue, .enableboxorange, .enableboxpurple, .enableboxred, .nowrap, .panelbuttons, .racentertitle, .whiterightbutton {
    white-space: nowrap;
}

/* Positioning */

div.blacklink, div.blackhomelink, div.blacklinklast, div.darkgraylink, div.darkgraylinklast, .actionbox, .actionboxpad, .graybutton, .graybuttonfake, .helpgray, .helpgraylog, .helpwhiteright, .homelinks, .paginatelinks, .whiterightbutton {
    float: right;
}

.alerticon, .homerightcolumn, .icon, .topnavlink, .topnavlinks {
    float: left;
}

.clear, .dotted, .icon {
    clear: both;
}

.shift20, .shift23, .shift30, .shift40, .shift50 {
    position: relative;
}

.shift20 {
    left: 20px;
}

.shift23 {
    left: 20px;
}

.shift30 {
    left: 30px;
}

.shift40 {
    left: 40px;
}

.shift50 {
    left: 50px;
}

/* Alignment */

.hotdog, .leftcolumn, .radiocell, .rightcolumn, .twocolumns, .warningicontop {
    vertical-align: top;
}

.arrowicon, .bullettext, .checkbox, .checkboxicon, .homeicon, .enableboxblue input, .enableboxorange input, .enableboxpurple input, .enableboxred input, .graybutton, .graybuttonfake, .numbericon, .panelbutton, .textgraph, .warningicon, .whitebutton {
    vertical-align: middle;
}

.textgraphhead {
    vertical-align: bottom;
}

/* Font Styles */

body, td, div {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.blacklink, .blacklinklast, .darkgraylink, .darkgraylinklast, .buttontext, .navtext, .helppagetitle, .pagetitle, .panellabel, .racentertitle, .sectiontitle, .subtitle, .subtitletight {
    font-family: Arial Narrow, Arial, sans-serif;
}

.data, .databoldpadright, .databoldpadrightred, .datacenter, .datacenterbold, .datacenterred, .datacentersmall, .datacentersmallbold, .datapadright, .datapadrightred, .datasmall, .datasmallbold, .datavertpad5, .logdata, .logdatasmall, .textmono, .textmonobold, .textmonored, .textmonopadright {
    font-family: monospace;
}

.helppagetitle, .pagetitle {
    font-size: 24px;
}

.panellabel, .racentertitle {
    font-size: 22px;
    font-weight: 400;
}

.sectiontitle {
    font-size: 17px;
}

.subtitle, .subtitletight {
    font-size: 15px;
}

.blacklink, .blacklinklast, .darkgraylink, .darkgraylinklast, .actionboxtext, .buttontext, .data, .databoldpadright, .databoldpadrightred, .datacenter, .datacenterbold, .datacenterred, .datacentersmall, .datacentersmallbold, .datapadright, .datapadrightred, .datasmall, .datasmallbold, .datavertpad5, .enableboxtext, .fieldlabelsmall, .logdata, .logdatasmall, .textgraph, .textgraphhead, .textmono, .textmonobold, .textmonopadright, .textmonored, .textredsmall, .textsmall, .textsmallbold, .textsmallpadright {
    font-size: 11px;
}

.blacklink, .blacklinklast, .darkgraylink, .darkgraylinklast, .centerbold, .columnheader, .columnheaderleft, .databoldpadright, .databoldpadrightred, .datacenterbold ,.datacenterbold1, .datacentersmallbold, .datasmallbold, .fieldlabel, .fieldlabelsmallbold, .fieldlabelvertpad5, .navtext, .subheadbold, .subtitle, .subtitletight, .textbold, .textsmallbold, .textboldright, .textmonobold, .textwhitebold, .textboldpadright {
    font-weight: bold;
}

.helppagetitle, .pagetitle, .sectiontitle {
    font-weight: 800;
}

/* Text Styles */

body {
    text-align: center;
}

div, td, .main, .helppagetitle, .pagetitle {
    text-align: left;
}

.buttoncontents, .center, .centerbold, .columnheader, .datacenter, .datacenterbold ,.datacenterbold1, .datacenterred, .datacentersmall, .datacentersmallbold, .textgraphhead, .toppad5center, .whitebuttonfake {
    text-align: center;
}

.panelbuttons, .textboldright, .textgraph {
    text-align: right;
}

a.blacklink, a.darkgraylink, a.darkgraylinklast, .buttontext {
    text-decoration: none;
}

div.blackhomelink, .buttontext {
    text-transform: uppercase;
}

/* Colors */

a:active, a:link, a:hover {
    color: #0000cc;
}

a:visited {
    color: #663399;
}

.textwhitebold {
    color: #ffffff;
}

.textorange {
    color: #ff6600;
}

a.subtitletight, a.buttontext, a.buttontext:hover, a.buttontext:visited, .buttontext, .databoldpadrightred, .datacenterred, .datapadrightred, .subtitle, .subtitletight, .textmonored, .textredsmall, .textred {
    color: #094D9C;
}

a.darkgraylink, a.darkgraylink:active, a.darkgraylink:hover, a.darkgraylink:link, a.darkgraylink:visited, a.darkgraylinklast, a.darkgraylinklast:active, a.darkgraylinklast:hover, a.darkgraylinklast:link, a.darkgraylinklast:visited {
    color: #666666;
}

.textpurple {
    color: #660066;
}

.textblue {
    color: #3366cc;
}

body, td, div, a.blacklink, a.blacklink:active, a.blacklink:hover, a.blacklink:link, a.blacklink:visited {
    color: #000000;
}

/* Backgrounds */
body, .bgwhite, .buttoncontents, .buttontext, .darkgraytop, .darkgrayright, .darkgraybottom, .darkgrayleft, .graybuttonfake, .leftpanel, .panelcontent, .rightpanel, .widepanel {
    background-color: #cccccc;
}

.grayrightbutton input, .grayleftbutton input, .graybutton input, .graybuttonfake  {
    background-color: #D6E1EE;
}

.bgorange, .enableboxorange {
    background-color: #ff6600;
}

.bgred, .enableboxred {
    background-color: #cc0000;
}

.bglightgray {
    background-color: #D6E1EE;
}

.bgbluegray {
	background-color: #ADC4DE;
}

.bgdarkgray {
    background-color: #999999;
}

.bgpurple, .enableboxpurple {
    background-color: #660066;
}

.bgblue, .enableboxblue {
    background-color: #3366cc;
}

.bgblack {
    background-color: #000000;
}

.dotted {
    background-image: url(../images/dotted10.gif);
    background-repeat: repeat-x;
}

div.error0 div, div.error1 div, div.error2 div, div.error3 div, div.error4 div, div.error5 div, div.error6 div, div.error7 div, div.error8 div, div.error9 div, div.error10 div, div.error11 div, div.error12 div, div.error13 div, div.error14 div, div.error15 div, div.error16 div, div.error17 div, div.error18 div, div.error19 div, div.error20 div, .warniconmsg {
    background-image: url(../icons/icon_small_warning.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

div.roundwhite div div div {
    background-image: none;
}

/* Rounded-Corner Box Styles */
.roundgray {
    background-color: #ADC4DE;
    padding: 6px 0px 6px 0px;
}

.roundnested {
    border: 1px solid #999999;
    background-color: #ffffff;
    margin:  5px 6px 0px 6px;
    padding: 6px 9px 9px 9px;
}

.roundwhite {
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 5px 7px 6px 7px;
}

.roundsetup {
    background-color: #cccccc;
    margin:  12px 0px 12px 0px;
}

/* Graph Styles */
.graph-tl, .graph-tr, .graph-t, .graph-tgray, .graph-tblue, .graph-torange,  .graph-tpurple{
    border-top: 1px solid #000000;
}

.graph-tr, .graph-br, .graph-r {
    border-right: 1px solid #000000;
}

.graph-bl, .graph-br, .graph-b, .graph-bgray, .graph-bblue, .graph-borange, .graph-bpurple {
    border-bottom: 1px solid #000000;
}

.graph-tl, .graph-tr, .graph-t, .graph-r, .graph-l, .graph-m, .graph-gray, .graph-tgray {
    border-bottom: 1px solid #cccccc;
}

.graph-blue, .graph-tblue {
    border-bottom: 1px solid #3366cc;
}

.graph-orange, .graph-torange {
    border-bottom: 1px solid #ff6600;
}

.graph-purple, .graph-tpurple {
    border-bottom: 1px solid #660066;
}

.graph-tl, .graph-bl, .graph-l {
    border-left: 1px solid #000000;
}

.graph-gray, .graph-tgray, .graph-bgray {
    background-color: #cccccc;
}

.graph-blue, .graph-tblue, .graph-bblue {
    background-color: #3366cc;
}

.graph-orange, .graph-torange, .graph-borange {
    background-color: #ff6600;
}

.graph-purple, .graph-tpurple, .graph-bpurple {
    background-color: #660066;
}

.graph-tl, .graph-tr, .graph-t, .graph-r, .graph-l, .graph-bl, .graph-br, .graph-b, .graph-m {
    width: 12px;
    height: 14px;
}

.graph-gray, .graph-tgray, .graph-bgray, .graph-blue, .graph-tblue, .graph-bblue, .graph-orange, .graph-torange, .graph-borange, .graph-purple, .graph-tpurple, .graph-bpurple {
    width: 21px;
    height: 14px;
}

/* Styles for Telmex */


.azul{
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	COLOR: #012D4D; 
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold; 
}

.new{
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	COLOR: #D6CED6; 
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold; 
}

input.button1 { 
	background-color: #831919;
    font-family: verdana;
	FONT-WEIGHT: bold; 
	font-size: 9px;
	color: #FFFFFF;
	border-color: #D72D2D #190505 #190505 #D72D2D;
}
.titulo{
	background-color: #012D4D;
	FONT-SIZE: 11px; 
	MARGIN: 0px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Tahoma, Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold; 
}

TD.bgris {
	border-left: dotted 1px #BDBEBD;
	border-right: dotted 1px #BDBEBD;
	border-bottom: dotted 1px #BDBEBD;
}
INPUT.texto
{		
	background: url('images/input_bg.html'); 
	width:95px; 
	border:1px solid; 
	border-color:#445F74; 
	font-family:tahoma, verdana; color: #232323;
	font-size:11px;

}
INPUT.simple
{		
	border:1px solid; 
	border-color:#767676; 
	font-family:tahoma, verdana; color: #232323;
	font-size:11px;

}

SELECT.tico
{		
	background-color:#FFFFFF; 
	border:1px solid; 
	border-color:#B1B1B1; 
	font-family: tahoma; color: #454545;
	font-size:11px
}

textarea.fine
{		
	background-color:#FFFFFF; 
	border:1px solid; 
	border-color:#B1B1B1; 
	font-family: verdana; color: #454545;
	font-size:11px
}
.obligatorio {
	FONT-SIZE: 11px; 
	COLOR: #C40000; 
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold; 
}

A.valco:link {
	FONT-SIZE: 11px; 
	COLOR: #003963; 
	FONT-FAMILY: tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:underline;  
}
A.valco:visited {
	FONT-SIZE: 11px; 
	COLOR: #003963; 
	FONT-FAMILY:  tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:underline;  
}
A.valco:active {
	FONT-SIZE: 11px; 
	COLOR: #003963; 
	FONT-FAMILY:  tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:underline;  
}
A.valco:hover {
	FONT-SIZE: 11px; 
	COLOR: #0875AD; 
	FONT-FAMILY:  tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:underline;  
}
A.menu:link {
	FONT-SIZE: 11px; 
	COLOR: #001A3C; 
	FONT-FAMILY: tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:none;  	FONT-WEIGHT: bold; 
}
A.menu:visited {
	FONT-SIZE: 11px; 
	COLOR: #001A3C; 
	FONT-FAMILY:  tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:none;  	FONT-WEIGHT: bold; 
}
A.menu:active {
	FONT-SIZE: 11px; 
	COLOR: #001A3C; 
	FONT-FAMILY:  tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:none;  	FONT-WEIGHT: bold; 
}
A.menu:hover {
	FONT-SIZE: 11px; 
	COLOR: #0875AD; 
	FONT-FAMILY:  tahoma, Verdana, Helvetica, Arial, sans-serif; 
	text-decoration:none;  	FONT-WEIGHT: bold; 
}
