/**

 * Theme Name: Dark

 * Version: 1.1

 * Author: Eduardo D. Sada

**/





/*

 - All elements [General]

----------------------*/

img			{border:none; behavior: url("http://www.artbanda.com/png.htc");}



  .sexy-input {

    color: #d1d5d6;

    font-family   : "Myriad Pro", Verdana,Arial,Helvetica,sans-serif;

    font-size   : 12px;

	font-color: red;

    line-height   : 14px;

    display       : -moz-inline-stack;

    display       : inline-block;

    zoom          : 1;

    *display      : inline;

    vertical-align: middle;

  }



  .sexy-reset{

    float   : none;

    padding : 0;

    margin  : 0;

  }



  .ocultarlodelmostro {

    border      : 0 none;

    display     : inline;

    height      : 0;

    margin      : 0;

    padding     : 0;

    width       : 0;

    opacity     : 0; /*CS3 Compatible Browsers*/

    -moz-opacity: 0; /*Mozilla*/

    filter      : alpha(opacity="0"); /*IE6 & 7*/

    -ms-filter  : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/

  }





/*

 - Input Text [General]

----------------------*/



  .sexy-input .sexy-input-left,

  .sexy-input .sexy-input-right {

    background: transparent url(text.png) no-repeat;



    height : 28px;

    width  : 7px;

    float  : left;

  }



  .sexy-input .sexy-input-left {

    background-position: left top;

  }



  .sexy-input .sexy-input-right {

    background-position: right -66px;

  }



  .sexy-input .sexy-input-center {

    background: transparent url(text.png) repeat-x scroll 0 -33px;



    height      : 18px;

    float       : left; 

    line-height : 14px;

    margin      : 0;

    padding     : 5px 0;

  }



  .sexy-input .sexy-input-center input{

    color: #d1d5d6;



    height      : 16px;

    background  : transparent;

    border      : none;

    font-style  : normal;

    font-family : inherit;

    font-stretch: ultra-condensed;

    font-size   : inherit;

    margin      : 0;

    outline     : none;

  }



/*

 - Input Text [Focus]

----------------------*/



  .sexy-input-focus .sexy-input-left {

    background-position: left -99px;

  }



  .sexy-input-focus .sexy-input-center {

    background-position: right -132px;

  }



  .sexy-input-focus .sexy-input-right {

    background-position: right -165px;

  }



  .sexy-input-focus .sexy-input-center input{

    color: #d1d5d6;

  }



/*

 - Input Text [Disabled]

----------------------*/



  .sexy-input-disabled .sexy-input-left {

    background-position: left -197px;

  }



  .sexy-input-disabled .sexy-input-center {

    background-position: right -230px;

  }



  .sexy-input-disabled .sexy-input-right {

    background-position: right -263px;

  }



  .sexy-input-disabled .sexy-input-center input{

    color: #1c1e1b;

  }







/*

 - Radio Buttons [General]

----------------------*/



  .sexy-input .sexy-input-radio {

    background  : url(radiochecks.png) no-repeat center -119px;

    width       : 16px;

    height      : 16px;



    display     : block;

    float       : left;

  }



  .sexy-input .sexy-radio-checked {

    background-position: center -95px;

  }



/*

 - Radio Buttons [Focus]

----------------------*/



  .sexy-input-focus .sexy-input-radio {

    background-position: center -96px;

    border  : 1px dotted #AAA;

    width   : 14px;

    height  : 14px;

  }



/*

 - Radio Buttons [Disabled]

----------------------*/



  .sexy-input-disabled .sexy-input-radio {

    background-position: center -167px;

  }



  .sexy-input-disabled .sexy-radio-checked {

    background-position: center -143px;

  }







/*

 - Checkbox [General]

----------------------*/



  .sexy-input .sexy-input-check {

    background  : url(radiochecks.png) no-repeat center -26px;



    width       : 16px;

    height      : 16px;

    display     : block;

    float       : left;

  }



  .sexy-input .sexy-checkbox-checked {

    background-position:center -3px;

  }



/*

 - Checkbox [Focus]

----------------------*/



  .sexy-input-focus .sexy-input-check {

    background-position: center -27px;

    border  : 1px dotted #AAA;

    width   : 14px;

    height  : 14px;

  }



  .sexy-input-focus .sexy-checkbox-checked {

    background-position: center -4px;

  }



/*

 - Checkbox [Disabled]

----------------------*/



  .sexy-input-disabled .sexy-input-check {

    background-position:center -72px;

  }



  .sexy-input-disabled .sexy-checkbox-checked {

    background-position:center -49px;

  }







/*

 - Textarea [General]

----------------------*/



  .sexy-input .sexy-area-top {

    background  : url(textarea.png) no-repeat left top;



    position    : relative;

    margin      : 0 4px 4px 0;

    float       : left;

  }



  .sexy-input .sexy-area-top2 {

    background  : url(textarea.png) no-repeat -492px top;



    position    : absolute;

    right       : -4px;

    height      : 4px;

    width       : 4px;

  }



  .sexy-input .sexy-area-center {

    padding: 10px 0 0 10px;

  }



  .sexy-input .sexy-area-center textarea {

    background      : transparent none repeat scroll 0 0;

    vertical-align  : middle;

    border          : none;

    outline         : none;

    color           : inherit;

    resize          : none;

  }



  .sexy-input .sexy-area-center2 {

    background  : url(textarea.png) no-repeat -492px -4px;



    position    : absolute;

    right       : -4px;

    top         : 4px;

    width       : 4px;

  }



  .sexy-input .sexy-area-bottom {

    background  : url(textarea.png) no-repeat left -488px;



    position    : relative;

    height      : 4px;

    bottom      : -4px;

    left        : -10px;

  }



  .sexy-input .sexy-area-bottom2 {

    background  : url(textarea.png) no-repeat -482px -488px;



    line-height : 4px;

    overflow    : hidden;

    position    : absolute;

    right       : -14px;

    bottom      : 0px;

    height      : 4px;

    width       : 14px;

  }



/*

 - Textarea [Focus]

----------------------*/

  .sexy-area-focus .sexy-area-top {

    background-position: -513px top;

  }



  .sexy-area-focus .sexy-area-top2 {

    background-position: -1005px top;

  }



  .sexy-area-focus .sexy-area-center2 {

    background-position: -1005px -4px;

  }



  .sexy-area-focus .sexy-area-bottom {

    background-position: -513px -488px;

  }



  .sexy-area-focus .sexy-area-bottom2 {

    background-position: -995px -488px;

  }



/*

 - Textarea [Disabled]

----------------------*/

  .sexy-area-disabled .sexy-area-top {

    background-position: -1026px top;

  }



  .sexy-area-disabled .sexy-area-top2 {

    background-position: -1518px top;

  }



  .sexy-area-disabled .sexy-area-center2 {

    background-position: -1518px -4px;

  }



  .sexy-area-disabled .sexy-area-bottom {

    background-position: -1026px -488px;

  }



  .sexy-area-disabled .sexy-area-bottom2 {

    background-position: -1508px -488px;

  }





/*

 - SelectBox [General]

----------------------*/



  .sexy-select {

    position        : relative;



    display         : -moz-inline-stack;

    display         : inline-block;

    zoom            : 1;

    *display        : inline;

    vertical-align  : middle;

  }



  .sexy-select .sexy-select-left,

  .sexy-select .sexy-select-right {

    background: transparent url(select.png) no-repeat;

    float     : left;

    height    : 27px;

    display   : block;

  }



  .sexy-select .sexy-select-left {

    background-position: left top;

    width: 7px;

  }



  .sexy-select a.sexy-select-right,

  .sexy-select a.sexy-select-right:hover {

    background-position : right -66px;



    margin  : 0;

    padding : 0;

    width   : 21px;

  }



  .sexy-select .sexy-select-center {

    background  : transparent url(select.png) repeat-x scroll 0 -33px;

    

    cursor      : pointer;

    line-height : 17px;

    float       : left;

    height      : 17px;

    margin      : 0;

    padding     : 5px 0;

    overflow    : hidden;

  }



  .sexy-select .sexy-select-center a,

  .sexy-select .sexy-select-center span{

    color       : #d1d5d6;

    font-family : "Myriad Pro", Verdana,Arial,Helvetica,sans-serif;

    font-size   : 12px;

    font-weight : normal;

    font-style  : normal;

    text-decoration: none;



    background  : transparent none repeat scroll 0 0;

    border      : none;

    outline     : none;

    margin      : 0;

    padding     : 0;

  }



/*

 - SelectBox [Focus]

----------------------*/



  .sexy-select-focus .sexy-select-left{

    background-position: left -99px;

  }



  .sexy-select-focus a.sexy-select-right,

  .sexy-select-focus a.sexy-select-right:hover {

    background-position: right -165px;

  }



  .sexy-select-focus .sexy-select-center {

    background-position: left -132px;

  }



/*

 - SelectBox [Disabled]

----------------------*/



  .sexy-select-disabled .sexy-select-left{

    background-position: left -198px;

  }



  .sexy-select-disabled a.sexy-select-right,

  .sexy-select-disabled a.sexy-select-right:hover {

    background-position: right -264px;

  }



  .sexy-select-disabled .sexy-select-center {

    background-position: left -231px;

  }



  .sexy-select-disabled .sexy-select-center span{

    color: #1c1e1b;

  }



/*

 - Select List [General]

----------------------*/



  .sexy-select-list {

    background-color: #555752;

    border-left     : 1px solid #868686;

    border-right    : 1px solid #868686;



    z-index   : 100;

    display   : none;

    height    : 150px;

    margin    : 0 0 0 1px;

    padding   : 0 0 5px;

    position  : absolute;

    line-height: 16px;

  }



  .sexy-select-list ul {

    margin          : 0;

    padding         : 3px 0px;

    height          : 100% !important; /* IE Hack */

    height          : auto;

    overflow        : auto;

    list-style-image    : none;

    list-style-position : outside;

    list-style-type     : none;

  }



  .sexy-select-list ul li {

    margin : 0;

    padding: 3px 0 0;

  }



  .sexy-select-list ul li a {

    color           : #d1d5d6;

    font-family     : "Myriad Pro", Verdana,Arial,Helvetica,sans-serif;

    font-size       : 12px;



    height          : 16px;

    background      : transparent none repeat scroll 0 0;

    border          : none;

    font-weight     : normal;

    font-style      : normal;

    text-decoration : none;

    padding         : 2px 6px;

    margin          : 0;

    display: block;

    outline: none;

  }





  .sexy-select-list ul li a.hover {

    background  : transparent url(select.png) repeat-x scroll left -299px;

    border-right: 1px solid #313a39;

    border-left : 1px solid #313a39;

    color       : #d1d5d6;



    padding     : 2px 5px;

  }



  .sexy-select-last-r {

    background: transparent url(select.png) no-repeat scroll right -373px;



    margin    : 0;

    padding   : 0;

    height    : 10px;

    width     : 228px;

    position  : absolute;

    left      : -3px;

    bottom    : -10px;

    z-index   : 100;

  }



  .sexy-select-last-l {

    background: transparent url(select.png) no-repeat scroll left -331px;

    

    height  : 10px;

    margin  : 0;

    padding : 0;

  }



  .sexy-select-last-c {

    background: transparent url(select.png) repeat-x scroll left -352px;

    height: 10px;

    margin: 0 6px;

  }





/*

 - Buttons [General]

----------------------*/



  .sexy-button {

    font-family : "Myriad Pro", Verdana,Arial,Helvetica,sans-serif;



    display       : -moz-inline-stack;

    display       : inline-block;

    zoom          : 1;

    *display      : inline;

    vertical-align: middle;



    border  : none;

    margin  : 0;

    padding : 0px;

  }



  .sexy-button .sexy-button-left {

    background: url(button.png) no-repeat left top;

    padding   : 0 0 0 7px;



    border    : none;

    margin    : 0;

  }



  .sexy-button .sexy-button-right {

    background:url(button.png) no-repeat right top;

    padding:4px 7px 4px 0;



    border:none;

    margin:0;

  }



  .sexy-button .sexy-button-input {

    font-family : "Myriad Pro", Verdana,Arial,Helvetica,sans-serif;

    font-weight : normal;

    font-size   : 12px;

    color       : #d1d5d6;



    background  : transparent;

    border      : none;

    display     : block;

    margin      : 0;

    padding     : 0;

    height      : 20px;

    cursor      : pointer;

    outline     : none;

    overflow    : visible;

  }



  td .sexy-button .sexy-button-input[class] {

    width: auto; /* Modern Browsers */

  }

  .sexy-button .sexy-button-input:focus,

  .sexy-button .sexy-button-input::-moz-focus-inner {

    outline:none;

    border:none;

  }





/*

 - Buttons [Focus]

----------------------*/



  .sexy-button-focus .sexy-button-left {

    background: url(button.png) no-repeat left -30px;

  }



  .sexy-button-focus .sexy-button-right {

    background: url(button.png) no-repeat right -30px;

  }



  .sexy-button-focus .sexy-button-input {

    color: red;

  }



/*

 - Buttons [Pressed]

----------------------*/



  .sexy-button-press .sexy-button-left {

    background: url(button.png) no-repeat left -60px;

  }



  .sexy-button-press .sexy-button-right {

    background: url(button.png) no-repeat right -60px;

  }



  .sexy-button-focus .sexy-button-input {

    color       : #d1d5d6;

  }



/*

 - Buttons [Disabled]

----------------------*/

  .sexy-button-disabled .sexy-button-left {

    background: url(button.png) no-repeat left -90px;

  }



  .sexy-button-disabled .sexy-button-right {

    background: url(button.png) no-repeat right -90px;

  }



  .sexy-button-disabled .sexy-button-input {

    color: #1c1e1b;

  }