/**************************************
 * THEME NAME: standard
 *
 * Files included in this sheet:
 *
 *   standard/styles_layout.css
 *   standard/styles_fonts.css
 *   standard/styles_color.css
 *   standard/styles_moz.css
 **************************************/

/***** standard/styles_layout.css start *****/

/*******************************************************************
 styles_layout.css

 This CSS file contains all layout definitions like positioning,
 floats, margins, padding, borders etc.

 Styles are organised into the following sections:
  core
  forms
  header
  footer

  tabs

*******************************************************************/


/***
 *** Core
 ***/

img {
  border:0px;
}
body {
  padding:0px;
  margin:10px 12px;
}
ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#container {
  margin-top:10px;
  position:relative;
}
#column {
  float:left;
  width:225px;
}
#content {
  /*position: relative;*/
  margin-left:225px;
  z-index:1;
}

.logomdpixx {
  margin-bottom:16px;
}

.lateralbox {
  width:190px;
  padding:5px 10px 5px 10px;
  margin-bottom:10px;
  clear:right;
}
.lateralbox h1 {
  padding:0px 0px 2px 0px;
  margin:0px 0px 5px 0px;
}

.lateralbox p {
  margin:0px;
  padding:0px;
}
.lateralbox h2 {
  margin:0px;
  padding:0px 5px 0px 0px;
  display:inline;
}
.lateralbox input {
  width:188px;
}
.lateralbox .radiosurvey {
  line-height:5px;
}
.lateralbox .radiosurvey input {
  width:16px;
  border:0px;
  height:16px;
  margin:0px;
  padding:0px;
  vertical-align:middle;
}
.lateralbox textarea {
  width:188px;
  height:100px;
}
.lateralbox img {
  vertical-align:middle;
  padding-bottom:3px;
}
#pubmedid{
  height:300px;
  overflow-y:scroll;
}


.center {
  text-align: center;
}
input.chkbox {
  vertical-align: middle;
}
#column .searchbox {
  clear: both;
  margin-bottom:10px;
  font-size: 14px;
}
#column .searchbox input {
  width:171px;
  padding:2px 2px;
}
#column .searchbox input.submitsearch {
  width:32px;
  height:32px;
  background-image:url(buttons/search.gif);
  background-repeat:no-repeat;
  border:0px;
}
#column .searchbox input.submitsearchblack {
  width:24px;
  height:24px;
  background-image:url(buttons/search.gif);
  background-repeat:no-repeat;
  border:0px;
}
#content .searchbox {
  background-image:url(backgrounds/backgroundsearchbox.gif);
  background-repeat:repeat-x;
  padding:10px 30px;
  margin-bottom:10px;
  position:relative;
}
#content .searchbox input {
  border:1px solid #CCCCCC;
  width:525px;
  height:18px;
}
#content .searchbox input.submitsearch {
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:auto;
}

input.orangesubmitdisabled{
background-image:url(backgrounds/backgroundbuttondisabled.gif);
height:auto;
width:auto;
border:1px solid #CCCCCC;
font-weight:bold;
color:#a9a6a4;
}
input.orangesubmit{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:auto;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
}

#content .searchbox .advancedsearch {
  position:absolute;
  left:532px;
  top:10px;
}
#content .searchbox .advancedsearch a {
  background-image:url(icons/orangedownarrow.gif);
  background-position:right 5px;
  background-repeat:no-repeat;
  padding-right:15px;
}
#column .searchbox .advancedsearch a{
    color:#FF7200;
  }
#column .searchbox .advancedsearch a:hover{
    text-decoration: underline;
    color:#000000;
  }

#content h1.title {
  margin:0px 0px 10px 0px;
  padding:1px 15px 1px 15px;
  background-repeat:no-repeat;
  background-position:15px 0px;
}
#content h1.titlebackground .titleh1sup{
  position:relative;
  width:97%;
}
#content h1.titlecases {
  background-image:url(icons/cases.gif);
  padding-left:40px;
}

#content h1.titleprivatecases {
  background-image:url(icons/lock_key.gif);
  padding-left:40px;
}

#content h1.titleatlas {
  background-image:url(icons/atlas.gif);
  padding-left:40px;
}
#content h1.titlebackground {
  background-color:#d4e9f2;
  padding-top:10px;
  padding-bottom:10px;
  background-position:15px 10px;
  font-size:16px !important;
  font-weight:bold !important;
}
#content h1.titlebackground .titleh1sup small {
  color:#929393;
  font-size:11px;
  font-style:italic;
}

#content .aboutmdpixx {
  padding-right: 30px;
  /*width: 60%;*/
  font-family: Verdana, Helvetica, Arial;
  color: #1E2952;
  text-decoration: none;
  word-spacing: 2px;
  text-align: justify;
  letter-spacing: 0;
  text-indent: 6px;
  line-height: 15px;
  font-size: 13px;
}

.sitesummary {
  padding:15px 30px;
  margin-bottom:20px;
}
.sitesummary .widgetdownload {
  float:right;
  padding-left:20px;
}
.sitesummary h1 {
  margin:0px 0px 10px 0px;
  padding:0px;
}
.sitesummary ul li {
  margin-bottom:4px;
}

.listfilter {
  padding-left:15px;
  padding-right:15px;
}


/* CASES */
.case {
  /*margin-top:10px;*/
  padding:0px 0px 10px 15px;
  position:relative;
  width: 95%;
  float:left;
  margin:0px 0px 0px 0px;
  /*height:150px;*/
}
.case.casebuscador{
    height:160px;
    width: 95%;
    padding: 0px 12px 10px 15px;
    margin:0px 20px 0px 0px;
  }
.case .date {
  text-align:right;
  padding-right:1px;
}
.case .description {
  padding-right:380px;
}
.case .description h1 {
  display:inline;
  padding:0px 5px 0px 0px;
}
.case .description h1 a:hover {
    text-decoration: underline;
  }
.case .description p {
  margin:5px 0px 0px 0px;
  padding:0px;
}
.case .description h2 {
  margin:0px;
  padding:0px 5px 0px 0px;
  display:inline;
}
.case .description b a:hover {
  text-decoration: underline;
}
.case .description .information .stars{
    width: 90px;
    float: left;
  }
.case .description .information .votos{
    /*width: auto;*/
    color:#727272;
    float: right;
    text-align: right;
  }
.case .description .information .votos span{
    /*text-decoration: underline;*/
    color: #c1784b;
  }
.case .link {
  text-align:right;
  margin-top:5px;
  margin-bottom:3px;
  padding:0px 0px 3px 0px;
  /*border-bottom: 1px solid #8f9297;*/
}
.case .link a{
  font-weight: bold;
  color: #FF7200;/*#024d75;*/
}
.case .link a:hover{
    text-decoration: underline;
  }


.caso .additional,
.case .additional {
  position:absolute;
  right:15px;
  top:7px;
  height: 106px;
  padding: 0px 15px 0px 0px;
}
.caso .additional .photographs,
.case .additional .photographs {
  padding: 10px 6px 0px 6px;
}
.caso .additional .totalresources,
.case .additional .totalresources {
  position:absolute;
  left:19px;
  top:82px;
  padding:0px;
  font-weight: bold;
}
.caso .additional. totalresources a,
.case .additional .totalresources a{
    color: #e26e19;
  }
.caso .additional .photographs .photograph,
.case .additional .photographs .photograph {
  margin-left:0px;
  float:left;
}
.caso .additional .photographs .arrow,
.case .additional .photographs .arrow {
  margin-left:0px;
  float:left;
}
.caso .additional .photographs .arrow img,
.case .additional .photographs .arrow img {
  vertical-align:middle;
  margin-bottom:29px;
  margin-top:28px;
}
.caso .additional .photographs .arrowleft,
.case .additional .photographs .arrowleft {
  padding:0px 0px 0px 10px;
  top:0px;
  left:0px;
}
.caso .additional .photographs .arrowright,
.case .additional .photographs .arrowright {
  padding-left:0px;
  position:absolute;
  top:10px;
  right:15px;
}
.case .additional .information {
  text-align:right;
  clear:left;
  padding-right:14px;
  padding-top:5px;
}
.case .additional .information dl {
  padding:0px;
  margin:5px 0px 0px 0px;
  width:260px;
  float:left;
}
.case .additional .information dl dt {
  width:225px;
  text-align:right;
  float:left;
  padding:0px;
  margin:0px 5px 0px 0px;
}
.case .additional .information dl dd {
  width:30px;
  text-align:right;
  margin:0px;
  padding:0px;
  float:left;
}
.caso .additional .shadowbox_cases,
.case .additional .shadowbox_cases {
  position:absolute;
  right:30px;
  top:82px;
  color:#006885;
  font-weight: bold;
}
.caso .additional .shadowbox_cases a,
.case .additional .shadowbox_cases a{
    color:#006885;
}
.caso .additional .shadowbox_cases a:hover,
.case .additional .shadowbox_cases a:hover{
    text-decoration: underline;
}
.caso .additional .shadowbox_cases a img,
.case .additional .shadowbox_cases a img{
    position:absolute;
    top:0px;
    left:30px;
    padding: 0px 0px 0px 0px;
  }

/* CASE DETAIL */
.casedetail {
  padding:15px 15px 0px 0px;
}
.casedetail .date {
  text-align:right;
  padding-right:15px;
}
.casedetail .description p {
  margin:15px 0px 0px 0px;
  padding:0px;
}
.casedetail .description h2 {
  margin:0px;
  padding:0px 5px 0px 0px;
  display:inline;
}
.casedetail .description b a:hover {
  text-decoration: underline;
}
.casedetail .description a small:hover{
    color:#000000;
    text-decoration: underline;
  }

/* IMAGE DETAIL */
.imagedetail {
  padding:0px 0px 0px 0px;
  /*width: 80%;*/
}
.imagedetail .imagedetailbackground {
  /*background-image: url(backgrounds/imageempty.gif);*/
  background-repeat: repeat;
  width:750px;
  height:520px;
  padding:0px;
  margin: 0px;
  overflow:hidden;
}
.imagedetail .image {
  /*clear:both;*/
  margin:0px 0px 2px 0px;
  border:1px solid #FF8E00;
  padding:2px;
  width:658px;
  min-height:419px;
  text-align: center;
  background-image: url(backgrounds/imageempty.gif);
  background-repeat: repeat;
}

.imagedetail .imageinformation {
  width:725px;
  padding:0px;
  margin:2px 0px 10px 0px;
  background-color:#FF8E00;
  float:left;
  clear:both;
}
.imagedetail .imageinformation ul {
  float:right;
  clear:both;
  border-left:1px solid #fff;
  padding-left:20px;
  margin:7px 70px 7px 0px;
}
.imagedetail .imageinformation ul b {
  color:#000000;
}
.imagedetail .imageinformation ul li {
  color:#ffffff;
}

/* CASE & IMAGE DETAIL */
.casedetail .additional {
  margin-top:25px;
}
.imagedetail .additional {
  margin-top:55px;
}
.casedetail .additional .information dl,
.imagedetail .additional .information dl {
  padding:0px;
  margin:5px 0px 0px 0px;
  width:190px;
  display:block;
}
.casedetail .additional .information dl dt,
.imagedetail .additional .information dl dt {
  width:155px;
  display:inline;
  padding:0px;
  margin:0px 3px 0px 0px;
}
.casedetail .additional .information dl dd,
.imagedetail .additional .information dl dd {
  width:30px;
  margin:0px;
  padding:0px 10px 0px 0px;
  display:inline;
}
.casedetail .stars,
.imagedetail .stars {
  display:inline;
}
.casedetail .stars img,
.imagedetail .stars img {
  vertical-align:middle;
}

.actions {
  height: 16px;
  margin-top: 20px;
  /*float:left;*/
  margin-bottom:5px;
}
.actions ul {
  float: right;
  margin-top: 0px;
  padding-right: 20px;
  text-align: right;
  width: 97%;
}
.actions li {
  display: inline;
  padding-left: 30px;
}

.actions li a { cursor:pointer; }
.actions li a.clicked { font-style:italic; font-weight:normal; }

.actions .editresource a {
  border-right:0px;
}

/* Actions by matias */
#reportdiv { position:relative; margin-top:13px; width:98%; }
  #reportdiv form { position:relative; }
  #reportdiv ul {  }
  #reportdiv li { position:relative; float:left; width:170px; padding-right:7px; }
  #reportdiv li input { position:relative; top:2px; }
  #reportdiv br { clear:both; }
  #reportdiv .orangesubmit { margin-top:10px; }

#commenteditordiv { position:relative; }
  #commenteditordiv label { padding-left:2px;}
  #commenteditordiv .orangesubmit { margin-top:10px; }

.shareformsimple { position:relative; margin-bottom:15px; margin-top:15px; width:98%; display:none; }
  .shareformsimple form { }
  .shareformsimple label { line-height:20px; float:left; width:120px; display:block; text-align:left; }
  .shareformsimple div input { margin:0px; margin-bottom:5px; float:left; width:500px; font-size:11px; }
  .shareformsimple textarea { float:left; width:500px; height:90px; }
  .shareformsimple br { clear:both; }
  .shareformsimple  .orangesubmit { margin-left:120px; margin-top:10px; }


/* ATLAS */
.images {
  margin-top:0px;
  padding:7px 10px;
}
/*.images .image {
  display:inline;
}*/
div.images{
  float:left;
  width:95%;
  }
div.images	div.image{
  float:left;
  width: 150px;
  }
/* Comments */
.comments {
  padding:0px 0px 0px 15px;
  /*float: left;*/
  /*display:block;*/
  width: 98%;
}
.comments .comment  {
  padding: 0px 0px 15px 0px;
  /*position: relative;*/
}
.author {
  width: 100%;
  height: 18px;
  float:left;
  margin:0px 0px 3px 0px;
  }
.comments .comment .author img {
  /*position: absolute;*/
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  float:left;
}
.comments .comment .author b {
  float: left;
  margin-top: 2px;
  padding-left: 10px;
}
.comments .comment .author .datetime {
  float: right;
  margin-top: 2px;
  margin-right: 10px;
}
.comments .comment p {
  margin:2px 0px 2px 0px;
  padding:0px;
}

/* Pages */
.pages {
  margin-top:20px;
  padding:2px 15px;
  clear:both;
  height:13px;
}
.pagestop {
  margin-top:0px;
  margin-bottom:10px;
}
.pages p {
  float:left;
  margin:0px 10px 0px 0px;
  padding:0px;
}
.pages ul {
  float:left;
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.pages ul li {
  display:inline;
  margin-left:4px;
  padding:0px;
}


/* MDBOX */
.mdboxtitle {
  margin-left:0px;
  display:inline;
  padding:1px 10px 1px 10px;
}

/***
 *** Forms
 ***/

form {
  margin:0px;
  padding:0px;
}
form ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
form ul li input {
  margin-bottom:5px;
}
form#reportid ul{
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
form#reportid ul li span{
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    height: 30px;
    font-size: 12px;
    line-height: 25px;
  }
form#reportid ul li input{
    margin:0px 3px 0px 0px;
    padding: 0px;
  }
form .buttons {
  margin-top:5px;
  text-align:right;
}

.fitem {
  width: 99%;
}
.mformsnomed{
  border-top: 3px solid #C8E1DD;
  }
.mform fieldset.hidden,
.mform fieldset.felement {
  border: 0;
}

.userright a {
  display:inline !important;
  padding:0px !important;
  width:auto !important;
  color:#FF7200;
}
.userright a:hover {
    text-decoration: underline;
  }
.fdescription img {
  float:left;
}

.gallery_resources {
  float:none;
}
.gallery_resources ul.mycaseresources li {
  margin-bottom:2px;
  margin-right:2px;
  float:left;
  height:86px;
  cursor:move;
}
.gallery_resources ul.mycaseresources li img {
}
.gallery_resources ul.mycaseresources li div {
  display:inline;
  clear:both;
}
.gallery_resources ul.mycaseresources li p {
  display:none;
}

.clearfix {
     border: 0px;
}
/***
 *** Header
 ***/

#logininformation {
  text-align:right;
}
#logininformation img {
  vertical-align:middle;
}
#logininformation .doctordownarrow {
  margin-right:10px;
}
/***
 *** Float windows
 ***/

#loginform {
  right: 57px;
  top: 25px;
}
#signupanswer, #signupform {
  right: 123px;
  top: 25px;
}
div.floatbox {
  float: right;
  position: absolute;
  padding-top: 9px;
  z-index: 9999;
  text-align: right;
  background: url(backgrounds/floattopbackground.gif) no-repeat right top;
}
#signupform div.floatcontent {
    padding: 10px 5px;
  text-align: left;
}
#signupformheader {
  overflow: hidden;
}
#signupform form {
  border-top: 1px solid #989797;
  margin-top: 10px;
  clear: both;
    padding: 10px 50px 10px 10px;
  text-align: left;
}
.signupheaderleft {
  line-height: 18px;
  padding: 0 40px 0 10px;
  float: left;
}
.signupheaderleft input{
  padding: 0 10px;
}
.signupheaderleft span {
  display: block;
}
.signupheaderright {
  float: left;
  padding: 0 20px;
  border-left: 1px solid #989797;
}
#signupanswer p.floatcenter {
  padding: 5px 0;
}
#signupform form p label {
  float: left;
  clear: both;
  padding-top: 2px;
  width: 180px;
  text-align: right;
}
div.floatbox div.floatcontent {
  padding: 30px 80px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

div.floatbox form p a {
  padding-top: 5px;
  color: #0076FB;
}
div.floatbox a.closebutton {
  display: block;
  padding: 0 15px 15px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.floatcenter {
  text-align: center;
}
.floatcenter a {
  display: block;
}
.floatbutton {
  height: 32px;
  width: 130px;
  cursor: pointer;
  background: url(buttons/floatbutton.png) no-repeat left top;
  border-style: none;
}

/* ------------------------------------------------------------ */
#linktohome {
  /*position:absolute;*/
  float:left;
  margin:0px 0px 0px 0px;
  padding: 5px 0px 0px 5px;
  /*left:10px;
  top:25px;*/
}
#menu {
  text-align:right;
  background-repeat:repeat-x;
  height:85px;
  margin:0px 0px 0px 0px;
  border-bottom:5px solid #FFFFFF;
}
#menu ul {
  float:right;
  list-style-type:none;
  padding:0px;
  margin:0px;
}
#menu ul li {
  float:left;
  padding:0px;
  margin:0px;
}
#menu ul li a {
  height:51px;
  width:119px;
  padding-top:20px;
  padding-right:30px;
  display:block;
}
#menu ul li.last a {
  padding-right:31px;
}


/***
 *** Footer
 ***/

#footer {
  width:100%;
  float:left;
  clear:both;
  margin-top: 80px;
  margin-bottom: 40px;
  bottom:0;
  left:0;
}
#footer p {
  float:left;
  margin:0px;
  padding:0px;
}
#footer ul {
  float:right;
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#footer ul li {
  display:inline;
  margin-left:10px;
  padding:0px;
}

/***
 *** User content
 ***/
#usercontent {
  margin: 0 15px;
  padding: 10px 10px 0 10px;
   background: #F7F7F7 url('backgrounds/backgroundtoparrowdown.png') no-repeat scroll left top;
   border-left: 1px solid #BBBBBB;
   border-bottom: 1px solid #BBBBBB;
   border-right: 1px solid #BBBBBB;
   overflow: hidden;
   width: 90%;

}
#content div.userheader {

  background-color: #FFF;
  border: 1px solid #E1E1E1;
  padding: 3px 10px;
  margin: 15px 10px;
  height: 15px;
}
#content div.userheader div.titleheader {
  width: 70%;
  float:left;
  color:#FF7200;
  text-transform: uppercase;
  font-size:14px;
  font-weight:bold;
}
#content div.userheader div.avansearchback{
  margin: 0;
  padding: 0;
  text-align: right;
}
#content div.userheader div.avansearchback a{
  padding-left: 15px;
  font-size: 11px;
  font-weight:bold;
  background: url(icons/curvearrow.gif) no-repeat left;
}
div.searchtitle {
  background-color: #FFF;
  border: 1px solid #E1E1E1;
  padding: 3px 7px;
  margin: 15px 0px;
  text-transform: uppercase;
  height: 15px;
  width: 96%;
}
div#imagesidbuscador{
    background-color: #F7F7F7;
    width: 96%;
    padding: 0px 14px 0px 0px;
  }
div.casecontent div.searchresultheader{
    font-style: italic;
    background-color: #FFFFFF;
    width: 97%;
    padding: 2px 2px 2px 2px;
    margin:0px 0px 0px 0px;
  }
div.searchtitle div.avansearchback a {
  padding-left: 15px;
  font-size: 11px;
  font-weight:bold;
  background: url(icons/curvearrow.gif) no-repeat left;
}
div.searchtitle div.avansearchback{
  margin: 0;
  padding: 0;
  text-align: right;
}
div.searchtitle div.titleheader {
  width: 70%;
  float:left;
  color:#FF7200;
  text-transform: uppercase;
  font-size:14px;
  font-weight:bold;
}
#usercontent div.userheader {
  background-color: #FFF;
  border: 1px solid #E1E1E1;
  padding: 3px 10px;
  margin: 15px 10px;
  text-transform: uppercase;
  height: 15px;
}
#usercontent div.userheader div.titleheader{
  width: 70%;
  float:left;
}
#usercontent div.userheader div.backheader{
    float:right;
    width: 15%;
  }
 div.backheader a.userbackbutton {
  padding-left: 15px;
  font-size: 11px;
  background: url(icons/curvearrow.gif) no-repeat left;
  float:right;
}
#usercontent img.userimage {

  float: left;
  top: 0 !important;
  left: 0 !important;
  top: 10px;
  left: 50px;
  margin-left: 20px !important;
  padding: 20px 30px !important;
  margin-left: 0;
  padding: 0;

}
.userright,
.userrightmenu {
  padding: 5px 0 5px 200px;
}
.userright p,
.userrightmenu p {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}
.userright a,
.userrightmenu a {
  display: block;
  padding: 5px 30px;
  width: 250px;
  border-bottom: 1px dotted #000;
}
.userright a.redarrow,
.userrightmenu a.redarrow {
  background: url(icons/redarrow.gif) no-repeat right;
}
.userright a.greenarrow,
.userrightmenu a.greenarrow {
  background: url(icons/greenarrow.gif) no-repeat right;
}
.userright a.userlastline,
.userrightmenu a.userlastline {
  border-style: none;
}
.uservalidation {
  margin-top: 5px;
}
.uservalidationok {
  margin-top: 50px;
}
.uservalidation span {
  padding-left: 20px;
  background: url(icons/redarrow.gif) no-repeat left;
}
.uservalidationok span {
  padding-left: 20px;
  background: url(icons/greenarrow.gif) no-repeat left;
}
.userbackbutton {
  margin: 0;
  padding: 0;
  text-align: right;
}
.userright form {
  padding-bottom: 20px;
}
.userright p label {
  display: block;
  padding-bottom: 3px;
}
.userright p input.userinputtext, #registrycountry {
  width: 300px;
  border: 1px solid #878787;
}
.userright input.usersubmit {
  margin-left: 0 !important;
}
.userright input.userbutton, .userright input.usersubmit {
  margin-top: 10px;
  width: 140px;
}
.userright input.userbutton {
  margin-left: 15px !important;
  margin-left: 5px;
}

#firstname, #surname {
  margin-top: -5px !important;
}
.clear-all {
  clear: both;
  line-height: 0;
  height: 0;
}
.userspacing {
  height: 220px;
}

.twocolumn {
  position: relative;
}

.userright p span.textright {
  position: absolute;
  left: 240px;
  text-align: right;
}
.userprofessionalright{
    width: 75%;
    padding:0px 0px 0px 10px;
  }
.userprofessionalright div.userright p {
  padding-bottom: 3px !important;
  padding-bottom: 1px;
}

.userprofessionalright div.userright p label {
  position: relative;
  display: block;
  font-size: 12px;
  padding: 3px 10px 0 0;
  text-align: right;
  width: 150px;
  float: left;
}

.userright p input.degreeyeartext, #professionaldegree, #zipcode  {
  width: 100px;
}
.userprofessionalright div.userright p.professionbutton {
  padding: 40px 0 30px 0 !important;
  padding: 40px 0 30px 0;

}
.userright p input.contactinputtext {
  border: 1px solid #878787;
  width: 150px;
}
.case_atlasbackbutton {
  position:absolute;
  right:0;
  top:4px;
}
.case_atlasbackbutton a {
  padding-left: 15px;
  font-size: 11px;
  background: url(icons/curvearrow.gif) no-repeat left;
}
/***
 *** Tabs
 ***/



.carousellist {
  text-align: center;
  padding: 10px 0;
}
.carouselitem {
  text-align: center;
  padding: 0;
}
#column div.searchbox input.columnbutton {
  height: 32px;
  width: 175px;
  cursor: pointer;
  background: url(buttons/columnbutton.gif) no-repeat left top;
  border-style: none;
}
.carouselrow {
  padding: 0 12px;
  clear: both;
}
.carouselitem {
  padding: 5px;
  float: left;
}
.carouselitem img{
  border: 1px solid #000;
}
.carouselitem p {
  margin: 0;
  color: #ff7200;;
}

#casebody {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #d3e9f2;
}

#tabmenu {
  position: relative;
  top:-24px;
}
.tab {
  position: relative;
  float: right;
  list-style-type: none;
}
.tab li {
  display: inline;
}

.tab li a {
  position: relative;
  display: block;
  float: left;
  width: 163px;
  height: 24px;
  background: url(backgrounds/tabnormal_2.gif) no-repeat left top;
  font-size: 14px;
  font-weight: bold;
}
.tab li a.tabactive {
  background: url(backgrounds/tabactive_2.gif) no-repeat left top;
}
.tab li a span {
  position: absolute;
  top: 5px;
  left: 35px;
  padding-left: 25px;
  display: block;
  height: 22px;
}
.tab li a span.tabmycasesicon {
  background: url(icons/mycasetabicon.gif) no-repeat left top;
  cursor:pointer;
}
.tab li a span.tabmyatlasicon {
  background: url(icons/myatlastabicon.gif) no-repeat left top;
  cursor:pointer;
}
.tab li a span.tabuploadicon {
  background: url(icons/uploadtabicon.gif) no-repeat left top;
  cursor:pointer;
}

.folderopen {
  display: block;
  height: 15px;
  padding-left:20px;
  background: url(icons/folderopen.gif) no-repeat left top;
  color: #787878;

}
.folderclosed {
  display: block;
  height: 15px;
  padding-left:20px;
  background: url(icons/folderclose.gif) no-repeat left top;
  color: #787878;

}
.folderdraft {
  display: block;
  height: 15px;
  padding-left:20px;
  background: url(icons/folderdraft.gif) no-repeat left top;
  color: #787878;

}

.caseprivate {
  display: block;
  height: 15px;
  padding-left:20px;
  background: url(icons/private.gif) no-repeat left top;
  color: #787878;

}

.casepublic {
  display: block;
  height: 15px;
  padding-left:20px;
  background: url(icons/public.gif) no-repeat left top;
  color: #787878;

}
.casecontent {
  margin-top: 24px;
  padding: 15px;
  background-color: #d3e9f2;
}
.casecontent {
  /*position: relative;*/
  /*top: 24px;*/
  margin-top: 0;
}
.addcasemenu {
  position: relative;
  padding: 10px;
  background-color: #F2F8FB;
  margin-top:10px;
  width: 98%;
}
.addcasemenu input{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:auto;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
  }
.addcasemenu p {
  position: relative;
  margin: 0;
}
.addcasemenu ul {
  position: absolute;
  top: 15px;
  right: 5px !important;
  right: 30px;
  list-style-type: none;
}
.addcasemenu ul li {
  display: inline;
  overflow: hidden;
}
.addcasemenu ul li a:hover{
    text-decoration: underline;
  }
.addcasemenu ul li a{
  position: relative;
  display: block;
  float: left;
  font-size: 14px;
  padding: 0 15px;
  border-left: 1px solid #ff7200;
}
.addcasemenu ul li a.noneleftline {
  border-left: none;
}

.addresourcemenu {
  position: relative;
  padding: 10px;
  background-color: #F2F8FB;
  margin-top:10px;
  width:97%;
}
.addresourcemenu input{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:auto;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
  }
.addresourcemenu {
  position: relative;
  padding: 10px;
  background-color: #F2F8FB;
}

.addresourcemenu p {
  position: relative;
  margin: 0;
}
.addresourcemenu ul {
  position: absolute;
  top: 15px;
  right: 5px !important;
  right: 30px;
  list-style-type: none;
}
.addresourcemenu ul li {
  display: inline;
  overflow: hidden;
}
.addresourcemenu ul li a{
  position: relative;
  display: block;
  float: left;
  font-size: 14px;
  padding: 0 15px;
  border-left: 1px solid #ff7200;
}
.addresourcemenu ul li a.noneleftline {
  border-left: none;
}

#addnewscase {
  /*padding: 0 40px;*/
}

.casetablerow {
  /*clear: both;*/
  position: relative;
  width:98%;
  overflow: hidden;
}
.casetablerow p {
  position: relative;
  float: left;
  margin: 0;
  padding: 5px 0 5px 5px;
  font-weight: bold;

}
.casetable {
  /*clear: both;*/
}
.casetableheader {
  font-size: 12px;
  color: #333;
  background: url(icons/grayarrowdown.gif) no-repeat left center;
  padding: 20px 0;
  padding-left: 20px;

}
.casetableheaderup {
  font-size: 12px;
  color: #333;
  background: url(icons/grayarrowup.gif) no-repeat left center;
  padding: 20px 0;
  padding-left: 20px;

}
.casetableheadernone {
  font-size: 12px;
  color: #333;
  padding: 20px 0;
  padding-left: 0px;

}
#tablethead p span {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.casepublishdate {
  width: 15%;
  color: #787878;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.casetitle {
  width: 35%;
  cursor: pointer;
}
.casestate {
  width: 10%;

}
.caseedit {
  text-align:right;
  width: 6%;
  padding-right: 0px;
  text-transform: uppercase;
}
.caseedit a{
  padding-right: 15px;
  }
.caseedit a, .casedelete a {
  color: #306DE9;
  font-weight: bold;
}
.caseedit a:hover, .casedelete a:hover, .casetitle a:hover {
  color: #ff7200;
  text-decoration: underline;
}
.casedelete a {
  border-left: 1px solid #787878;
  padding-left: 15px;
}
.casedelete {
  text-align: center;
  padding-left: 0px;
  width: 10%;
}
.odd {
  height: 25px;
  background-color: #FFF;
}
.even {
  height: 25px;
  background-color: #E0E0E0;
}


.addcasewindow {
  position: relative;
  width: 95%;
  border: 1px solid #ccc;
  background-color: #FFF;
  font-size: 11px;
  overflow: hidden;
  border-bottom: 3px solid #FFFFFF;
}
.addcasewindow p,.addcasewindow legend  {
  font-weight: bold;
  color: #000;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 0;
}

.addcasewindow form {
  position: relative;
  padding: 0 20px 20px 20px;
}
.addcasewindow form select {
  border: 1px solid #787878;
}
.addcasewindow form fieldset {
  border-style: none;
}
.addcasewindow form input.addcasetextinput, .addcasewindow form textarea {
  border: 1px solid #ccc;
  border-top: 1px solid #000;
  width: 99%;
  padding: 5px;
}
.windowtopbar {
  position: relative;
  font-size: 14px;
  top: -4px;
  height: 21px;
  border-bottom: 1px solid #ccc;
  background-image: url(backgrounds/windowbarbackground.gif);
}
.windowbottombar {
  position: relative;
  clear: both;
  margin: 0;
  padding-top: 2px;
  height: 28px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-image: url(backgrounds/windowbottombarbackground.gif);
}

.windowtopbar span {
  padding-left: 30px;
  background: url(icons/gear.gif) no-repeat left center;
  font-weight: bold;
}

.dragdropimages {
  border: 1px solid #ccc;
  border-top: 1px solid #000;
  padding: 5px;
  letter-spacing: 5px;
  float:left;
  width:99%;
}
.dragdropimages img,
.myimagesvideoitem img {
  border: 2px solid #787878;
  width:auto;
  height:auto;
}
.dragdropimages img:hover,
.myimagesvideoitem img:hover {
  border: 2px solid #ff7700;
}
#dragdroptext {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #8E8B8B;
}
#keyword {
  color: #aaa;
  font-weight: bold;
}
#searchmodefieldset {
  float: left;
  width: 120px;
}
#limitfieldset {
  float: left;
  width: 130px;
  margin-left: 0px;
  display: inline;
}
#limitfieldset label {
  display:inline;
  float:right;
}

#limitfieldset select {
  width: 200px;
}

#searchmode {
  width: 200px;
}
#limitfieldset p {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
}
#searchnow {
  float: left;
  margin: 30px 0 0 0;
}
#addcaselistresult {
  clear: both;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding:10px 0px 0px 0px;
  /*background-color:#C8E1DD;*/
  border-bottom: 3px solid #C8E1DD;
  margin:0px 0px 10px 0px;
}
#addcaselistresult div.listsection {
  float: left;
  width: 290px;
    height:200px;
  overflow: auto;
  border: black solid 1px;
  margin:0px 0px 0px 0px;
}
#addcaselistresult div.selectsection {
  margin-right:45px;
}
select.keywordlist{
  width: 290px;
    height: 200px;
}
#addcaselistresult div.resultlist,#addcaselistresult div.keywordlist {
  position: relative;
  border: 1px solid #787878;
  margin-right: 5px;
  height: 200px;
  overflow: auto;
}
#addcaselistresult div.resultlist p span,#addcaselistresult div.keywordlist p span {
  position: absolute;
  top: 1px;
  right: 2px !important;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(icons/listplusicon.gif) no-repeat left;
}
#addcaselistresult div.resultlist p ,#addcaselistresult div.keywordlist p {
  position: relative;
  clear: both;
}
/*#addcaselistresult p {
  margin: 2px;
  padding: 1px 0 1px 5px;
}*/
#addcaselistresult p.resultodd {
  font-weight: normal;
  background-color: #dfeff6;
}
#addcaselistresult p.resulteven {
  font-weight: normal;
  background-color: #ededed;
}
#addcaselistresult p.keywordodd {
  font-weight: normal;
  background-color: #f0f0f0;
}
#addcaselistresult p.keywordeven {
  font-weight: normal;
  background-color: #f8f8f8;
}
#deletekeyword {
  width: 88%;
  padding-right: 100px;
  text-align: right;
}
#relatecasebar {
  margin-top: 10px;
  padding: 3px 5px;
  background-color: #EBEBEB;
}
#relatecasebar span {
  padding-left: 5px;
}
#relatecasebar input {
  background-color: #FFF;
  width: 18%;
  border-style: none;
}
#casestatediv {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
#casestatediv p {
  float: left;
  clear: none;
  width: 35%;
}
#casestatediv ul {
  position: relative;
  padding-top: 50px;
  float: right;
}
#casestatediv ul li input {
  margin-right:20px ;
  width: 120px;
}

.windowbottombar a {
  position: absolute;
  top: 7px;
  left: 20px;
  padding-left: 15px;
  font-size: 11px;
  background: url(icons/curvearrow.gif) no-repeat left;
}
.windowbottombar span, .windowtopbar span.validateicon, #column .validateicon {
  position: absolute;
  padding: 5px 20px;
  font-size: 10px;
  background: url(icons/validicon.gif) no-repeat right;
  top: 2px;
  right: 20px;
}
.windowtopbar span.validateicon {
  top: -2px;
}

#addcasetitle {
  color: #555;
}

.savechangebutton {
  text-align: center;
}
#savechange {
  margin-top: 15px;
}

#imageskeyword p {
  padding: 5px 0;
}
#imageskeyword p {
  padding: 5px 0;
}
#imagekeywordlist {
  height: 80px;
  overflow-y: auto;
}
#imageskeyword div#imagekeywordlist p {
  font-size: 10px;
  padding: 2px 0;
}
div#divtagsid select.keywordlist option{
    font-size: 11px;
  }

#myimagesvideo input.submitsearchatlas {
  width:22px;
  height:22px;
  background-image:url(buttons/searchatlas.gif);
  background-repeat:no-repeat;
  border:0px;
}

#myimagesvideolist {
  position: relative;
  width: 99%;
  height: auto;
  margin: 5px auto 5px auto;
  background-color: #FFF;
  border: 1px solid #ccc;
  padding-top:10px;
  float:left;
  /*border-top: 1px solid #000;*/
/*	padding: 10px 30px 10px 10px !important;
  padding: 10px 50px 10px 10px;
*/	font-size: 10px;
  padding: 0px 0px 5px 0px;
  /*overflow-y: scroll;*/
}
/*
*:first-child+html #myimagesvideolist {
  padding: 10px 50px 10px 10px !important;
}
*/
.myimagesvideoitem {
  float: left;
}
.myimagesvideoitem img {
  margin: 4px;
}
.myimagesvideoitem p {
  text-align:center;
}
#myimagesvideo {
  position: relative;
  overflow: hidden;
}
#myimagesvideolist p {
  margin: 0 auto;
}

.myimagesvideoedit {
  padding-right: 5px;
  margin-right:5px;
  border-right: 1px solid #000;
}
#myimagesvideoscroller {
  position: absolute;
  top: 30px;
  right: 10px;
}
#myimagesvideosearch {
  border: 1px solid #ccc;
  border-top: 1px solid #000;
  width: 300px;
}
#myimagesvideo form {
  position: relative;
  margin: 0 auto;
  padding-bottom: 40px;
  width: 85%;
}
#myimagesvideo form p.orderbyselect {
  position: absolute;
  top: -15px !important;
  top: 0;
  right: 0;
  text-align: right;
}
*:first-child+html #myimagesvideo form p.orderbyselect {top: 0 !important;}
#column .validateicon {
  position: absolute;
  padding: 5px 20px;
  font-size: 10px;
  background: url(icons/validicon.gif) no-repeat right;
  top: 88px;
  right: 10px;
  font-weight: normal;
}
#imageskeywordsubmit {
  margin-top: 10px;
  height: 21px;
  background: url(buttons/atlastbutton.gif) no-repeat right top;
}
.orangebackground {
  margin-left: 15px;
}

#loginformbody form {
  position: relative;
  width: 370px;
  left: 20px;
  font-size: 12px;
}
#loginformbody .fitem {
  margin-bottom:5px;
  float:left;
  /*width:200px;*/
}
#loginformbody form label {
  width: 150px;
  display: block;
  padding-right: 15px;
  margin-top: 5px !important;
  float: left;
  clear:left;
}
#loginformbody form input.floatinputtext {
  float: left;
}
#loginformbody form p {
  clear: both;
}
#loginformbody form p.p-password {
  padding-top: 15px !important;
  padding-top: 0;
}
*:first-child+html #loginformbody form p.p-password {
  padding-top: 0 !important;
}
#loginformbody form p a {
  display: block;
  font-size: 11px;
  color: #0076FB;
}
#loginformbody form .fcheckbox {
  float:left;
  margin:3px 0px 0px 0px;
  padding:0px;
}
#loginformbody form .fdescription {
  clear:left;
  margin-top:10px;
}


/***
 *** Pagination
 ***/

div.pagination {
  font-size: 11px;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  padding:2px;
  background-color:#f7f7f7;
  width: 97%;
  min-width: 500px;
}

div.pagination a {
  padding: 0px 5px 2px 5px;
  margin: 2px;
  background-color:#f7f7f7;
  text-decoration: none; /* no underline */
  color: #000;
}
div.pagination a:hover, div.pagination a:active {
  background-color:#99ffff;
  color: #000;
}
div.pagination span.current {
  padding: 0px 5px 2px 5px;
  margin: 2px;
  font-weight: bold;
  background-color: #fff;
  color: #303030;
}
div.pagination span.disabled {
  padding: 0px 5px 2px 5px;
  margin: 2px;
  background-color:#f7f7f7;
  color: #797979;
}


 /* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
  background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
  position:relative;
  width:75px;
  height:15px;
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0;
  background-position: left top;
}
.star-rating li{
  display: inline;
}
.star-rating a,
.star-rating .current-rating{
  position:absolute;
  top:0;
  left:0;
  text-indent:-1000em;
  height:15px;
  line-height:15px;
  outline:none;
  overflow:hidden;
  border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
  background-position: left bottom;
}
.star-rating .current-rating{
  z-index:1;
  background-position: left center;
}

.inline-rating{
  display:-moz-inline-block;
  display:-moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

.small-star{
  width:50px;
  height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
  background-image: url(star_small.gif);
  line-height: 10px;
  height: 10px;
}
.star-rating-result{
  font-size:10px;
}
/* ======= /STAR-RATER ======== */

.shareform, .commentform {
  display: none;
}
.commentform form {
  margin-top:5px;
  clear:right;
  padding-bottom:30px;
}

/* share div by matias */
.shareform { position:relative; width:98%; margin-bottom:10px; }

.shareform .sideLeft { float:left; width:45%; }
  .shareform .sideLeft dl { position:relative; margin:0px; padding:0px; margin-top:5px; width:100%; height:60px; overflow-y:scroll; border:1px solid #777777; display:none; }
  .shareform #toemail { width:70%; }
  .shareform #usersearch { width:70%; }

.shareform .sideRight { float:left; width:45%; margin-left:30px; }
  .shareform .sideRight dl { position:relative; width:100%; padding:0px; margin:0px; height:75px; border:1px solid #777777; overflow-y:scroll; }
  .shareform .sideRight div { width:100%; margin-top:5px; text-align:right; }

.par { background-color:#fcfcfc; font-size:11px; font-family:Arial, Verdana; }
.impar { background-color:#f4f4f4; font-size:11px; font-family:Arial, Verdana; }

.option { position:relative; padding:1px 0px; margin:0; }
  .option img { position:absolute; top:2px; right:2%; cursor:pointer; }
  .option span { padding-left:5px;  }
/* share div */

/* form_snomed by matias */
.form_snomed input, .form_snomed textarea, .form_snomed select {  margin:0px; font-family:Arial,Helvetica,sans-serif; font-size:13px; }
form.form_snomed input.addcasetextinput, form.form_snomed textarea { padding:2px 3px 2px 3px; margin-bottom:5px; }

.form_snomed .campo01 { float:left; width:70%;}
.form_snomed .campo02 { float:right; width:25%; }
  .form_snomed .campo02 select { width:99%; }

.form_snomed .campo01 fieldset { margin:0px; padding:0px; }
.form_snomed .campo02 fieldset { margin:0px; padding:0px; }
/* form_snomed */

/* SNOMED Block by matias */
.snomedBlock { position:relative; border-top:3px #C8E1DD solid; height:275px; border-bottom:3px #C8E1DD solid; padding-top:13px;  }
  .snomedBlock label { display:block; line-height:25px; }
  .snomedBlock dl { position:relative; width:100%; padding:0px; margin:0px; border:1px solid #777777; overflow-y:scroll; }
  .snomedBlock br { clear:both; }

  .snomedBlock .izquierda { position:relative; float:left; width:49%; }
    .snomedBlock .izquierda dl { height:148px; }
    .snomedBlock .izquierda #id_keywords { width:80%; }
    .snomedBlock .izquierda .help { position:relative; top:2px; }
    .snomedBlock .izquierda select { width:100%; }

  .snomedBlock .derecha { position:relative; float:right; width:47%; padding-right:5px; }
    .snomedBlock .derecha dl { height:196px; }
/* SNOMED Block */

/* BUSCADOR by matias */
  .buscador { position:relative; width:97%; padding:2px; text-align:center; }
    .buscador form { padding:0px; width:455px; margin:auto; text-align:left; }
    .buscador .query { width:95%; }
    .buscador .submit { position:absolute; margin-left:2px; cursor:pointer; width:24px; height:24px; background:url(buttons/search.gif) no-repeat; border:0px; }
    .buscador .extended { position:absolute; top:-6px; left:50%; margin-left:250px; width:120px; }
    	.buscador .extended a { text-decoration:underline; color:#FF7200; line-height:17px; }
    .buscador div input { position:relative; top:3px; left:-2px; padding-left:0px; margin-left:0px; }
    .buscador label { padding-right:13px; }
/* BUSCADOR */

/* ORDEN */
  .orden { position:relative; width:97%; padding:2px; }
    .orden span { color:#000; padding-right:10px; font-weight:bold; }
    .orden i { padding-right:20px; }
    .orden a { padding-right:20px; color:#FF7200; }
    .orden a:hover { text-decoration:underline; }
/* ORDEN */

/* CASOS by matias */
  .searchheader { width:97%; padding:2px; font-size:12px; text-align:right; }

  .caso { position:relative; border-top:1px solid #FF7200; width:97%; padding:2px; }
    .caso .descripcion { position:relative; padding-right:380px; }
    .caso .descripcion a { font-weight:bold; font-size:11px; }
    .caso .descripcion a:hover { text-decoration:underline; }
    .caso .descripcion span { color:#FF7200; font-weight:bold; font-size:12px; padding-right:5px; }
    .caso .descripcion p { margin:0px; padding:9px 0 0 0; color:#888888; }
    .caso .descripcion b { font-weight:normal; color:#000; }

    .caso .descripcion .date { text-align:right; margin-top:10px; font-size:10px; color:#727272; }
    .caso .descripcion .title { font-size:16px; padding-right:10px;  }
    .caso .descripcion .dr { font-weight:bold; color:#929393; }
    .caso .descripcion .link { text-align:right; }
      .caso .descripcion .link a { color:#FF7200; }

    .caso .descripcion .information { position:relative; margin:5px 0; }
    .caso .descripcion  br { clear:both; }
    .caso .descripcion .information .stars { position:absolute; top:3px; width:90px;  }
    .caso .descripcion .information .votos { position:relative; margin:10px 0; text-align:right; }

    .caso .additional .photographs .arrowleft { border-right:1px solid #006885; }
    .caso .additional .photographs .arrowright { border-left:1px solid #006885; }
    .caso .additional .totalresources { color:#006885; }

/* CASOS */



.commentform input.submit {
  /*float:right;*/
  width:auto;
  clear:both;
}

ul.lateralcarrousel li {
  margin-top:2px;
  margin-bottom:2px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}


/************** Quickform calendar ************/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; z-index:2; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
.imageOver{
  background:url(buttons/zoom.gif) no-repeat 50% 50%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
div#resources ul li{
  display: inline;
}

/***
 *** Marce DEV
 ***/
br.finbloquefloat {
font-size: 0px;
clear: both;
}
div.contentimages{
  width:100%;
  padding:20px 0px 20px 0px;
  margin:0px 0px 0px 0px;
  margin:0px;
}
div.contentimages p.parrafoizq{
    width: 50%;
    float: left;
  }
  div.contentimages p.parrafoder{
    width: 40%;
    float:left;
    padding: 0px 0px 0px 40px;
  }
  div.contentimages p.enlaceupload{
    padding: 0px 0px 0px 20px;
  }
  div.contentimages p.enlaceupload a{
    color:red;
  }
  div.contentimages p a:hover{
    text-decoration: underline;
  }
div.contentimages  img.foto{
  width:65px;
  height:41px;
  border:1px solid #ffa000;
}
div.contentimages div.contentimgizq{
  width:50%;
  height:200px;
  /*background-color:blue;*/
  background-color:#dfeff6;
  float:left;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  overflow:auto;
  border:1px solid #cccccc;
}
div.contentimages div.contentimgder{
  width:45%;
  height:200px;
  /*background-color:green;*/
  float:right;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  overflow:auto;
  background-color:#dfeff6;
  border:1px solid #cccccc;
}
div.contentimages  div.contentimg{
  width:67px;
  height:55px;
  /*background-color:white;*/
  text-align:right;
}
div.workarea {
   FLOAT: left;
}

ul.ulimgmove {
  PADDING: 0px;
  MARGIN: 0px;
  WIDTH: 95%;
  LIST-STYLE-TYPE: none;
  HEIGHT: 100%;
}
ul.ulimgmove li {
  /*CURSOR: move;*//*cursor con forma de movimiento*/
  width:67px;
  height:55px;
  float:left;
  padding:0px 15px 10px 0px;
}
span.spanatlas{
  position:relative;
  float:left;
  background:url(buttons/trans.gif) no-repeat 50% 50%;
  width:132px;
  height:80px;
  margin:-90px 0px 0px 10px;
  cursor: hand;
  }
span.spanatlas:hover{
  background:url(buttons/zoom.gif) no-repeat 50% 50%;
  }
div#buttonar ul{
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    /*width: 50%;*/
    float:left;
  }
div#buttonar ul li{
    display: inline;
    padding: 0px 0px 0px 10px;
    margin:0px 0px 0px 0px;
    /*float:left;*/
}
div#buttonaredit2 ul{
    padding: 0px 20px 0px 0px;
    margin:10px 0px 0px 0px;
    /*width: 50%;*/
    float:right;

  }
div#buttonaredit2 ul li{
    display: inline;
    padding: 0px 0px 0px 10px;
    margin:0px 0px 0px 0px;
    border-top: 10px solid #FFFFFF;
    /*float:left;*/
}

.inpunttitulosnomedder{
  border: 1px solid #ccc;
  border-top: 1px solid #000;
  /*width: 120px;*/
  padding: 2px;
}
.inpunttitulosnomed{
  border: 1px solid #ccc;
  border-top: 1px solid #000;
  width: 290px;
  padding: 2px;
}
.fitemcombosnomedizq {
  margin-bottom:5px;
  /*width: 60%;*/
  float:left;
  width:350px;
}
.fitemcombosnomedder {
  margin-bottom:5px;
  width: 120px;
  float:left;
  padding:0px 0px 0px 0px;
}

div.snomedizq{
  float:left;
  padding: 0px 30px 0px 20px;
}
p.parrafosnomed{
    width: 250px;
}
.botonsnomed{
  width: 633px;
  text-align: right;
  padding: 0px 0px 10px 0px;
}
#commenteditordiv{
  /*float:left;*/
  width: 98%;
}
#sharediv{
    /*float:left;*/
    width: 98%;
  }
.float_i{
  float:left;
}
.float_d{
  float:right;
}
.buttonarcancel{
  float:right;
  padding: 0px 10px 0px 0px;
}

/* loading by matias */
#idloading { margin-top:13%; margin-left:45%; }
/* fin loading by matias */

/* HOME */
#home {
  float:left;
  width: 99%;
}
#homedescription {
  border:1px solid #ff7200;
  padding:15px 20px 6px 20px;
  margin-right:360px;
  font-size:12px;
  background-image:url(backgrounds/fondotextoprincipalhome.gif);
  background-repeat: repeat-x;
}
#homedescription h1 {
  font-size:22px;
  color:#ff7200;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  padding:0px;
}
#homedescription ul li {
  margin-bottom:3px;
  font-family: arial;
  color: #04212f;
}
#homedescription ul li span{
    color: #f27813;
  }
#homedescription .takeatour {
  text-align:center;
  margin-top:10px;
  width:137px;
  height:42px;
}
#homedescription .widgetinfo{
    width: 100%;
  }
#homedescription .widgetinfo p{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
}
#homedescription .widgetinfo p a{
    text-decoration: none;
  }
  #homedescription .widgetinfo p a img{
    padding: 0px 3px 0px 0px;
  }
#homedescription .widgetinfo p a span{
    color: #f27813;
    padding: 0px;
    margin: 0px;
  }
#homedescription .botones {
  float:right;
}
#homedescription .takeatour a {
  background-image:url(backgrounds/backgroundbuttonhome.gif);
  background-repeat:no-repeat;
  background-position:0px 0px;
  width:137px;
  height:32px;
  padding-top:10px;
  display:block;
  color:#5c5b5b;
  font-size:16px;
  font-weight:bold;
}

#home #lastestimages {
  width:335px;
  float:right;
}
#home #lastestimages div {
  /*display:inline;*/
}
#home #lastestimages div.image{
    height:115px;
    width:165px;
    /*overflow: hidden;*/
    padding: 0px 0px 5px 0px;
  }
#home #lastestimages .image a img.imageneshome {

  border:1px solid #ff7200;
}
span.massnomed{
  float:right;
  margin:-14px 0px 0px 0px;
}
div.lastaddition{
  float:right;
  width:340px;
  text-align:center;
  padding:5px 5px 5px 5px;
  background-image:url("backgrounds/imageneshome.gif");
  background-repeat: repeat-x;
}
div.lastaddition p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#0d2e35;
  width:335px;
  text-align:right;
  margin:0px;
  padding:0px 0px 0px 0px;
}
div.lastaddition p span{
    color:#f36e0f;
  }
div.lastaddition img{
  height:115px;
  width:165px;
}
div.lastaddition img.icono{
  height:17px;
  width:17px;
}
div.recuadro1{
  border:1px solid #F6AA2E;
  height:115px;
  width:165px;
  float:left;
  padding:0px 0px 0px 0px;
  margin:0px 2px 2px 0px;
  text-align:left;
}
.pics { height:115px;
  width:165px; padding:0; margin:0; overflow: hidden }
pre { display:none }


/*este contenedor ("comboinputimages") tiene que contener a los input a colocar*/

/*div.comboinputimages{
    width: 80%;
  }
div.comboinputimages fieldset div.fitem div.fitemtitle{
    width: 130px;
  }
div.comboinputimages fieldset div.fitem {
    width: auto;
    float:left;
    padding: 0px 15px 0px 0px;
  }
div.comboinputimages fieldset div.fitem input[type=text]{
    width:180px;
    float:left;
    padding: 0px 0px 0px 15px;
  }
div.comboinputimages fieldset div.required{
    width: 100%;
    float:left;
  }
div.comboinputimages fieldset div.fdescription{
    width: 100%;
    float:left;
}*/

/*estos estilos son para los input de enviar y cancelar, es lo mismo que el estilo orangesubmit*/
/*input#id_submitbutton{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:150px;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
  padding: 0px;
  margin:0px 10px 0px 0px;
  }
input#id_cancel{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:100px;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
  padding: 0px;
  }*/
img.imgloadercase{
  padding: 15px 0px 0px 80px;
}
img.imgloadervert{
    padding: 50px 0px 0px 0px;
  }
select#id_grade{
    width: 99%;
  }
div.fsubmit input{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:auto;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
}


/***tour mdpixx***/
#content div.sitesummary div.contenttour{
  width:98%;
}
#content div.sitesummary div.contenttour h1{
  border: 1px solid #E1E1E1;
  padding: 3px 0px 3px 10px;
  margin: 0px 0px;
  text-transform: uppercase;
  height: 15px;
  font-size:14px;
  width: 100%;
}
#content div.sitesummary div.contenttour h2{
  color:#000000;
  font-size:14px;
  font-style:italic;
}
#content div.sitesummary div.contenttour h3{
  border: 1px solid #E1E1E1;
  padding: 3px 0px 3px 10px;
  margin: 0px 0px;
  text-transform: uppercase;
  height: 15px;
  font-size:14px;
  width: 100%;
  color:#929393;
}
#content div.sitesummary div.contenttour img{
  width:80%;
}
#content div.sitesummary div.contenttour img.imgpequenia{
  width:40%;
}
/*************** Estilos menu tour ************/
.intleft {
  /*height: 250px;	*/
  width: 225px;
  margin:0px 0px 10px 0px;
}


.intleft ul {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 20px;
  list-style: none;
  }

.intleft li {
    padding-top: 2px;
      }
.intleft li a:link {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #585858;
    text-decoration: none;
    }
.intleft li a:visited {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #585858;
  text-decoration: none;
  }
.intleft li a:hover{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
      }
.intleft li a:active{
      font-family: Arial, Verdana, sans-serif;
      font-size: 12px;
      color: #585858;
      text-decoration: none;	}
.intleft.page_how-it-works ul {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 20px;
  list-style: none;
  overflow: hidden;
}


  .how_sidebar {
  line-height: 1.8em;
  background-color: #f8f8f8;
  /*width: 198px;*/
  padding: 1px 4px 0px 0px;
  margin: 0px 0px 0px 0px;
  }
UL.how_sidebar.pagetour  ul.pagetour,
UL.how_sidebar.page_register  ul.page_register,
UL.how_sidebar.pageowncontent  ul.pageowncontent,
UL.how_sidebar.pageenjoy  ul.pageenjoy,
UL.how_sidebar.pagewidget  ul.pagewidget
{
  background-color: #d9dce1;
}
LI#pagetour a.indexmenutour,
LI#page_register a.indexmenutour,
LI#pageowncontent a.indexmenutour,
LI#pageenjoy a.indexmenutour,
LI#pagewidget a.indexmenutour
{
  color: #FF7200;
}
.how_sidebar LI {
    display: block;
    padding: 0px 0px 0px 12px;
    margin: -1px 0px 0px 0px;
    border: 1px #dddddd solid;
    border-width: 1px 0px;
  }
.how_sidebar a {
  display: block;
  text-decoration: none !important;
  }
.how_sidebar a:hover {
  font-weight: bold;
  margin-left: 5px;
  font-size: 1.2em;
  }
ul.submenu{
  margin:1px 0px 1px 15px;
  padding:0px 3px 0px 0px;
  /*background-color:#E4E4E4;*/
  width:190px;
  border:none;
}
ul.submenu li{
    border:none;
  }
  ul.submenu li a{
    color:#E4E4E4;
  }
div.enlacepaginatour{
  /*width:99%;*/
  border:1px solid #999999;
  padding:3px 5px 3px 5px;
  float:left;
  margin:-30px 0px 10px 0px;
}
div.enlacepaginatour.abajo{
  margin:-10px 0px 0px 0px;
}
div.paginaanttour{
  float:left;
  width:40%;
}
div.paginaposttour{
  float:right;
  /*width:40%;*/
}
div.enlacepaginatour div.paginaanttour a{
  padding-left: 15px;
  font-size: 11px;
  background: url(icons/curvearrow.gif) no-repeat left;
  text-decoration:none;
}
div.enlacepaginatour div.paginaposttour a{
  padding-right: 15px;
  font-size: 11px;
  background: url(icons/curvearrowsig.gif) no-repeat right;
  text-decoration:none;
}
div.enlacepaginatour div a:hover{
  text-decoration:underline;
}

/*********Estilos para los campos obligatorios de los formularios*************/
div.required{
    width:auto;
    /*border: 1px solid red;*/   /*este es el borde de los campos obligatorios, para verlo descomentarlo*/
    padding: 2px 5px  2px 0px;
    margin:3px 0px 0px 0px;
  }
div.fdescription.required{
    border:none;
    margin:10px 0px 0px 0px;
  }
  #loginformbody form .error {
  color:red;
  /*display:block;*/
  font-size:11px;
  clear:both;
}
span.mandatory {
  position: relative;
  display: block;
  color: #ff0000;
  width: 300px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
/*********Final Estilos para los campos obligatorios de los formularios*************/
/***************final***********/
.numbergris{
  color:#FF7200;
}
#uploadingmessage{
    color:#FFFFFF;
    font-size: 13px;
    font-weight: bold;
    background-color: red;
    padding: 0px;
}
p.forgot  a{
    color:#FF7200;
    padding: 0px 0px 0px 15px;
  }
p.forgot  a:hover{
    text-decoration: underline;
    color:#000000;
  }
.clearfix legend{
    color:red;
    font-size: 13px;
    font-weight: bold;
}
fieldset.felement.fgroup input{
  background-image:url(backgrounds/backgroundbutton.gif);
  height:auto;
  width:auto;
  border:1px solid #CCCCCC;
  font-weight:bold;
  color:#131313;
}
#atlas_info img.default{
  height: 187px;
  width: 187px;
  border:1px solid #FF7200;
}
#atlas_info img.imgatlasizq{
  height: 187px;
  width: 187px;
  border:1px solid #FF7200;
}
div.imagesstep2{
    overflow-y:auto;
    height: 80px;
  }
/*estilos para los videos de atlas*/
.imagedetail .video {
  /*clear:both;*/
  margin:0px 0px 2px 0px;
  border:1px solid #FF8E00;
  padding:2px;
  width:482px;
  min-height:380px;
  text-align: center;
  background-image: url(backgrounds/imageempty.gif);
  background-repeat: repeat;
}

.imagedetail .videoinformation {
  width:488px;
  padding:0px 0px 0px 0px;
  margin:2px 0px 10px 0px;
  background-color:#FF8E00;
  border-right:300px solid #FFFFFF;
  float:left;
  clear:both;
}
.imagedetail .videoinformation ul {
  float:right;
  clear:both;
  border-left:1px solid #fff;
  padding-left:20px;
  margin:7px 70px 7px 0px;
}
.imagedetail .videoinformation ul b {
  color:#000000;
}
.imagedetail .videoinformation ul li {
  color:#ffffff;
}
.imagedetail .videoadditional {
  width:488px;
}
.error {
  color:red;
  /*display:block;*/
  font-size:11px;
  clear:both;
}
form.mform div.error, form.mform fieldset.error {
   border: 1px solid red;
   color: inherit;
   padding: 4px;
}
#captcha{
  padding: 10px 0px 0px 0px;
  margin: 0px 3px 0px 0px;
}
div.imgscaptcha{
  padding: 10px 0px 0px 0px;
}

/* used with pop up 'rolltips' */
div#rolltipDiv {
  position:absolute; visibility:hidden;
  left:0; top:0; z-index:1000;
  width:220px; padding:3px; font-size:11px;
  background-color:#eaf0fa; border:1px solid #fa0;   /* #f1f6fd eef4fc eaf0fa  */
  }

/* estilo para enlaces simples que se quiere que salgan subrayados al hacer mouseover*/
a.underline:hover{
    text-decoration: underline;
  }

/* ContentHome by matias */
#contentHome { position:relative; margin-left:225px; }
#contentHome .prueba { width:97.5%; background:url(backgrounds/azul.png); padding-bottom:10px; padding-top:3px; border-top:1px solid #FF7200; }
#contentHome .prueba td { padding-top:7px;  }
#contentHome .prueba td .pics { display:block; text-align:left; padding:10px 7px; border:1px solid #B4D9E9; background:url(backgrounds/polaroid.png) bottom left repeat-x; width:158px; }
#contentHome .prueba td img { border:1px solid #76afcf; height:115px; width:155px;   }
#contentHome .emphasized { background:url(backgrounds/hometitle.gif) no-repeat right 0px; margin-top:20px; color:#003553; font-size:11px; padding:3px 15px 0px 10px; width:116px; font-weight: bold; }

#contentHome .tour { position:relative; width:97%; padding:2px; border:1px solid #76AFCF; font-size:12px; margin-top:20px; background:#D4E9F2; }
#contentHome .tour h1 { font-size:17px; color:#ff7200; padding:20px 30px; padding-bottom:0px; margin:0px; }
#contentHome .tour ul { padding:0px; margin:10px 0 30px 0; list-style-type:square; }
#contentHome .tour ul li { margin-left:85px; margin-top:8px; color:#04212f; font-size:12px;  }
#contentHome .tour ul li span{ /*color: #f27813;*/ }
#contentHome .tour .takeatour {  }
#contentHome .tour .takeatour a { position:absolute; right:30px; bottom:20px; display:block; text-align:center; width:170px; height:26px; padding-top:7px; color:#315f6f; background-color:#dfeef5; border:1px solid #fff; font-size:14px; }
#contentHome .tour .takeatour a:hover { text-decoration:underline; }
#contentHome .tour .signup {  }
#contentHome .tour .signup a { position:absolute; right:30px; bottom:65px; display:block; text-align:center; width:170px; height:26px; padding-top:7px; color:#315f6f; background-color:#d8eaf2; border:1px solid #fff; background:url(backgrounds/botonhome.gif); font-size:14px; }
#contentHome .tour .signup a:hover { text-decoration:underline; }



/* Private Case Img by matias */
.privatecaseimg { position:absolute; top:3px; left:-25px; }
/* Private Case Img */

/* Carrousel by default */

.visor_jcarousel_vertical { position:relative; left:2px; padding-bottom:5px; width:203px; border-bottom:1px solid #ff7200; }
	.visor_jcarousel_vertical .title { position:relative; top:0px; }
		.visor_jcarousel_vertical .title img { position:absolute; top:0px; }
	.visor_jcarousel_vertical .wrap { position:absolute; top:35px; left:0px; }

	.visor_jcarousel_vertical .wrap .jcarousel-container * { margin:0px; padding:0px; border:0px; }
	.visor_jcarousel_vertical .wrap .jcarousel-container { position:relative; width:200px; height:327px; }
	.visor_jcarousel_vertical .wrap .jcarousel-container .jcarousel-clip { position:relative; margin-left:-77px; left:50%; width:154px; height:288px; border:1px solid #76afcf; background-color:#d4e9f2; }
	.visor_jcarousel_vertical .wrap .jcarousel-container .jcarousel-clip li { position:relative; width:100%; text-align:center; height:96px; }
	.visor_jcarousel_vertical .wrap .jcarousel-container .jcarousel-clip li a { }
	.visor_jcarousel_vertical .wrap .jcarousel-container .jcarousel-clip li img { height:82px; width:130px; border:1px solid #76afcf; margin-top:7px; }

	/* Buttons */
	.visor_jcarousel_vertical .wrap .jcarousel-prev-vertical { position:relative; margin-left:-11px; left:50%; width:22px; height:14px; cursor:pointer; background:transparent url(jcarousel/prev-vertical.gif) no-repeat 0 0px; top:-4px; }
	.visor_jcarousel_vertical .wrap .jcarousel-next-vertical { position:absolute; margin-left:-11px; left:50%; width:22px; height:14px; cursor:pointer; background:transparent url(jcarousel/next-vertical.gif) no-repeat 0 0px; bottom:4px; }

	.visor_jcarousel_vertical .wrap .jcarousel-prev-vertical:hover,
	.visor_jcarousel_vertical .wrap .jcarousel-next-vertical:hover { background-position: 0 -14px; }

	.visor_jcarousel_vertical .wrap .jcarousel-prev-vertical:active,
	.visor_jcarousel_vertical .wrap .jcarousel-next-vertical:active { background-position: 0 -28px; }

	.visor_jcarousel_vertical .wrap .jcarousel-prev-disabled-vertical,
	.visor_jcarousel_vertical .wrap .jcarousel-prev-disabled-vertical:hover,
	.visor_jcarousel_vertical .wrap .jcarousel-next-disabled-vertical:active,
	.visor_jcarousel_vertical .wrap .jcarousel-next-disabled-vertical,
	.visor_jcarousel_vertical .wrap .jcarousel-next-disabled-vertical:hover,
	.visor_jcarousel_vertical .wrap .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -42px; }


.carrusel_horizontal { position:absolute; top:50%; margin-top:-58px; right:35px; }
	.visor_jcarousel .title { position:absolute; z-index:1; right:20px; top:3px; padding-right:10px; }
	.visor_jcarousel .title img { position:absolute; top:0px; right:-10px; }

  div.honcode a:hover{
    text-decoration: underline;
  }

  div.pubmedid a:hover{
    text-decoration: underline;
  }


.uploadMyAtlas { overflow:hidden; }
.uploadMyAtlas .fitem { width:200px; float:left; margin-right:5px; }
.uploadMyAtlas .fitem select { width:190px; margin-top:7px; }
.uploadMyAtlas label { padding-bottom:7px;  }

.awardbanner img { border:1px solid #cfcfcf; padding-bottom:0px; }/***** standard/styles_layout.css end *****/

/***** standard/styles_fonts.css start *****/

/*******************************************************************
 styles_fonts.css

 This CSS file contains all font definitions like family, size,
 weight, text-align, letter-spacing etc.

 Styles are organised into the following sections:
  core
  header
  footer

*******************************************************************/


/***
 *** Core
 ***/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
a {
	text-decoration:none;
}

.lateralbox {
	font-size:11px;
}
.lateralbox h1 {
	font-size:13px;
}

.lateralbox h2 {
	color:#ff7200;
	font-weight:bold;
	font-size:12px;
}

#column .searchbox input {
	font-size:14px;
}

#content h1.title {
	font-size:12px;
}

#content .searchbox {
	font-size:12px;
}
#content .searchbox input.submitsearch {
	font-weight:bold;
}
#content .searchbox .searchoptions {
	font-weight:bold;
}

.sitesummary {
	font-size:14px;
}
.sitesummary h1 {
	font-size:14px;
	font-weight:bold;
}

.listfilter {
	font-size:11px;
	font-weight:bold;
}
.listfilter select {
	font-size:11px;
	font-weight:bold;
}

/* CASES */
.case {
	font-size:11px;
}
.case .date {
	font-size:10px;
	font-weight:bold;
	/*text-decoration: underline;*/
}
.case .description h1 {
	font-size:16px;
	font-weight:bold;
}
.case .description small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
small a:hover{
	text-decoration: underline;
}
.case .description h2 {
	color:#ff7200;
	font-weight:bold;
	font-size:12px;
}
.case .description b {
	color:#888888;
	font-weight:normal;
}

/* CASE & IMAGE DETAIL */
.casedetail .date {
	font-size:11px;
	font-weight:bold;
}
.casedetail .description small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.casedetail .description h2 {
	color:#ff7200;
	font-weight:bold;
	font-size:13px;
}

.casedetail .description {
	color:#888888;
	font-weight:normal;
}

.casedetail .description b {
	color:#666666;
	font-weight:bold;
}

.actions li {
	font-weight: bold;
}

/* Comments */
.comments h1 {
	font-size:14px;
}

/* Pages */
.pages {
	font-size:11px;
	font-weight:bold;
}

/* MDBOX */
.mdboxtitle {
	font-size: 14px;
	font-weight: bold;
}

/* Forms */
form .buttons {
	text-transform:uppercase;
}

/***
 *** Header
 ***/

#logininformation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

/***
 *** Login Form
 ***/
.floatbox {
	font-size: 12px;
}

.floatbox p label{
	padding-right: 10px;
}
#signupanswer .floatcenter a {
	font-size: 12px;
	font-weight: bolder;
}
#signupanswer p.floatcenter {

}
.floatcontent p a {
	font-size: 11px;
}

#signupformheader {
	font-size: 11px;
}
.signupheaderright span.blue {
	font-size: 11px;
	font-weight: bold;
	color: #004D74;
}
.signupheaderright span.blue sup {
	font-size: 12px;
}
.signupheaderright span.red {
	color: #F00;
}
.floatbutton {
	font-size: 11px;
	font-weight: bold;
}
.capcha label span {
	color: #0076FB;
	font-size: 10px;
	display: block;
}
#menu {
	text-align:right;
}
#menu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}

/***
 *** Footer
 ***/

#footer {
	font-size:10px;
}


 /***
 *** User content
 ***/
#usercontent {
	font-size: 14px;

}
#usercontent div.userheader div.titleheader {
	color: #ff7200;
	font-size: 14px;
	font-weight: bold;
}
.uservalidation{
	text-align: right;
	font-size: 11px;
	color: #5B77AA;
	clear: both;
}
.uservalidationok{
	text-align: right;
	font-size: 11px;
	color: #5B77AA;
	clear: both;
}
.orangesmall {
	font-size: 11px;
}

.userbackbutton a {
	font-size: 11px;
}
#column div.searchbox input.columnbutton {
	border-style: none;
	font-size: 10px;
	font-weight: bold;
}
.tab li a {
	font-size: 14px;
	font-weight: bold;
}
.casetablerow p {
	font-weight: bold;
}
.casetableheader {
	font-size: 12px;
}
.windowtopbar em {
	font-style: normal;
	font-weight: normal;
}
#imageskeyword p {
	font-size: 14px;
	font-weight: bold;
}
#myimagesvideo form {
	font-size: 14px;
	font-weight: bold;
}
.orangebackground {
	font-size: 14px;
	font-weight: bold;
}

.searchin {
  font-size: 12px;
  font-weight:bold;
}

.searchresultheader {
  font-size: 12px;
}
/***** standard/styles_fonts.css end *****/

/***** standard/styles_color.css start *****/

/*******************************************************************
 styles_color.css

 This CSS file contains all color definitions like
 background-color, font-color, border-color etc.

 Styles are organised into the following sections:

  core
  header
  footer

*******************************************************************/

/***
 ***  Core
 ***/

body {
	background-color:#FFFFFF;
	color:#131313;
}
a {
	color:#131313;
}

#column {
	background-color:#FFFFFF;
}

.lateralbox {
	background-color:#f7f7f7;
	border:1px solid #bbbbbb;
	color:#4a4a4a;
}
.lateralbox h1 {
	color:#000000;
	border-bottom:1px solid #d1cfcf;
}

#content .searchbox {
	border:1px solid #b5cdde;
}
#content .searchbox input {
	border:1px solid #CCCCCC;
}
#content .searchbox .searchoptions a {
	color:#949597;
}
#content .searchbox .searchoptions a.active {
	color:#000000;
}

.sitesummary {
	border:1px solid #bbbbbb;
	background-color:#f7f7f7;
}
.sitesummary h1 {
	color:#ff7200;
}
.sitesummary .widgetdownload {
	border-left:1px dashed #bbbbbb;
}

.listfilter select {
	color:#ff7200;
}

/* CASES */
.case {
	border-top:1px solid #FF7200;
	/*border-bottom:1px solid #FF7200;*/
	background-color:#ffffff;
	color:#000000;/*#024d75;*/
}
.case .date {
	color:#727272;/*#dc7622;*/
	#FF7200;
}
.case .description h1 {
	color:#010101;
}
.case .description small {
	color:#929393;
}
.case .description h2 {
	color:#ff7200;
}
.case .additional .photographs .photograph img {
	/*border:1px solid #ff7200;*/
}
.case .additional .photographs .totalresources {
	/*background-color:#ff7200;*/
	color:#006885;
}
.case .additional .photographs .arrowleft {
	border-right:1px solid #006885;
}
.case .additional .photographs .arrowright {
	border-left:1px solid #006885;
}
.case .additional .information dl dt {
	color:#646565;
}
.case .additional .information dl dd {
	color:#ff7200;
}

/* CASE DETAIL */
.arrowtop {
	margin-bottom: 2px;
	border-bottom:1px solid #000;
}
.arrowbottom {
	border-top:1px solid #000;
	margin-top: 2px;
}

.casedetail .date {
	color:#13c5ff;
}
.casedetail .description small {
	color:#929393;
}
.casedetail .description h2 {
	color:#ff7200;
}

/* CASE & IMAGE DETAIL */
.casedetail .additional .information dl dt,
.imagedetail .additional .information dl dt {
	color:#646565;
}
.casedetail .additional .information dl dd,
.imagedetail .additional .information dl dd {
	color:#ff7200;
}

.actions {
	background-color: #DBEDF4;
	border: 1px solid #CCE5EF;
}
.actions li {
	color: #010101;
}

/* ATLAS */
.images {
	border-top:1px solid #99999d;
	border-bottom:1px solid #99999d;
}
.images .image img {
	border:1px solid #ffa000;
	margin:4px 5px;
}

/* Comments */
.comments h1 {
	color:#FF7200;
}
.comments .comment .author {
	background-color: #E8E7E7;
}
.comments .comment .author img {
	border: 1px solid #006685;
}

/* Pages */
.pages {
	background-color:#dbedf4;
	border:1px solid #cce5ef;
}
.pages a {
	color:#000000;
}
.pages a.act {
	color:#ff7200;
}


/* MDBOX */
.mdboxtitle {
	background-color: #ff7700;
	color: #FFF;
}


/* Forms */
.lateralbox input {
	border:1px solid #CCCCCC;
}
.lateralbox textarea {
	border:1px solid #CCCCCC;
}
form .buttons a {
	color:#ff7200;
}

/***
 *** Header
 ***/

#logininformation b {
	color:#006685;
}
#logininformation img.doctorimage {
	border:1px solid #006685;
}

/***
 *** Login Form
 ***/
div.floatbox div.floatcontent, div.floatbox a.closebutton{
	background-color: #ebebeb;
}
div.floatbox input.floatinputtext, .floatinputtext {
	width: 250px;
	border-top: 1px solid #81BFE9;
	border-left: 1px solid #81BFE9;
	font-size: 11px;
}

div.floatbox .floatcheckbox {
	border-top: 1px solid #81BFE9;
	border-left: 1px solid #81BFE9;
	font-size: 11px;
}

.floatcapcha {
	width: 100px;
	border-top: 1px solid #81BFE9;
	border-left: 1px solid #81BFE9;
}
.floatcenter a {
	color: #156285;
}

#menu {
	background-image:url(backgrounds/backgroundmenu.gif);
}
#menu ul li a {
	color:#006685;
}
#menu ul li a.menu_cases {
	background-image:url(menu/menu_cases.gif);
}
#menu ul li a.menu_cases_act {
	background-image:url(menu/menu_cases_act.gif);
	color: #FF7200;
}
#menu ul li a.menu_atlas {
	background-image:url(menu/menu_atlas.gif);
}
#menu ul li a.menu_atlas_act {
	background-image:url(menu/menu_atlas_act.gif);
	color: #FF7200;
}
#menu ul li a.menu_tour {
	background-image:url(menu/menu_tour.gif);
}
#menu ul li a.menu_tour_act {
	background-image:url(menu/menu_tour_act.gif);
	color: #FF7200;
}
#menu ul li a.menu_admin {
	background-image:url(menu/menu_admin.gif);
}
#menu ul li a.menu_admin_act {
	background-image:url(menu/menu_admin_act.gif);
	color: #FF7200;
}
#menu ul li a.menu_mdbox {
	background-image:url(menu/menu_mdbox.gif);
}
#menu ul li a.menu_mdbox_act {
	background-image:url(menu/menu_mdbox_act.gif);
	color: #FF7200;
}


/***
 *** Footer
 ***/

#footer {
	border-top:1px solid #8d9293;
	color:#717272;
}
#footer a {
	color:#717272;
}
.orange {
	color: #ff7200;
}
.orangesmall {
	color: #ff7200;
}

.userright p input.degreeyeartext, .userright p select, .userright p textarea, #zipcode  {
	border: 1px solid #878787;
}

.casetableheader {
	color: #333;
}
.orangebackground {
	background-color: #ff7700;
	color: #FFF;
}

.searchin {
  background-color: #E5F6F6;
}
/***** standard/styles_color.css end *****/

/***** standard/styles_moz.css start *****/

/***** standard/styles_moz.css end *****/