/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #000c0f;
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #BBBBBB;
  
}

/*a:link
{
    color: #034af3;
    text-decoration: none;
}

a:visited
{
    color: #505abc;
}*/


a { color: #97C4FF; text-decoration: none;}
a:hover { text-decoration: underline; color : #F77F00; }

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #FFFFFF;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;    
	-webkit-margin-before: 0.0em;
	-webkit-margin-after: 0.0em;    
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:0px;
  
}

#header { 
border: 0px solid #222;
background: #333;
padding-bottom:1px;
}
#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -3px;
margin-top: 0px;
padding: 0px -10px 0px 0px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #aaa;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;

 /*   background-color: #e8eef4;*/
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
#menu a:link, #menu a:visited { color: #aaa; text-decoration: none; }
ul#menu li a:hover
{
    color: #aaa; 
    text-decoration: underline;
}

ul#menu li a:active
{
    /*background-color: #a6e2a6;*/
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}


ul#resource-list
{
    display: block;
    list-style: none;
   
}

ul#resource-list li
{
    height: 120px;
    width: 100px;
    float: right;
    margin: 14px;
    text-align: center;
}

ul#resource-list li a, ul#album-list li .button
{
    font-size: 13px;
    float: left;
}

ul#resource-list li a span
{
    color: #9b9993;
    text-decoration: underline;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #333333;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    background: #222222;
    color:#BBBBBB;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"], select
{
    border: 1px solid #ccc;
    padding: 1px;
    font-size: 1.2em;
    color: #444;
    color: #BBBBBB; 
    background: none repeat scroll 0 0 #262626;
     border-bottom: 1px double #171717; 
     border-top: 1px double #171717; 
     border-left:1px double #333333;
      border-right:1px double #333333; 
      
}

.patientSearch > select
{
    width : 180px;
}

.patientSearch > input[name="searchWord"]
{
    width : 110px;
}

.patientSearch > input[name="searchWord2"]
{
    width : 110px;
}

.patientSearch > input[name="fromDate"]
{
    width : 120px;
}

input[type="submit"]
{
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
   font-family: Geneva,sans-serif;
}



table td
{
    padding: 5px;
    border: solid 1px #e8eef4;
}


table td a
{
    
    font-weight:bold;

}

table th
{
    padding: 6px 5px;
    text-align: left;
    background: none repeat scroll 0 0 #1C1C1C;
    color:#F77F00;
    border: solid 1px #e8eef4;
   
}


table th a
{
   color:#F77F00;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

nav, #menucontainer
{
    clear: both;
}

div#title
{
    margin-top:0px;
    float: left;
    text-align: left;
}


#chatsection {
    float: right;
    width: 240px;
    height: 32px;
    //display: block;
    margin-right: 2px;
    //background-color: linen;
}

#logininfo{
	float: right;
	// clear: left;
	//display: block;
	width: 200px;
	//text-align: right;
    margin-right: 6px;
    //background-color: skyblue;
}

#yours{
	float: right;
}

#theirs{
	float: right;
}
​

#logindisplay
{
	// clear: both;
    font-size: 1.0em;
    display: block;
    text-align: right;
    margin: 3px;
}

#logindisplay a:link
{
    color:#AAAAAA;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #AAAAAA;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: gray;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}


.text-box
{
  //  width: 30em;
}

#idDetailsDialog
{        
    background-color: #222222;
    color: #BBBBBB;
    }

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/* new lifestring styles */



DIV#cardiocardsarea DIV.title, DIV.table, DIV.item H3, DIV.item H4, DIV.pager A
{
    font: bold 1em "Arial Narrow" , "Franklin Gothic Medium" , Arial;
}

DIV#cardiocardsarea
{
    background-color: #444;
    border-bottom: 2px solid #111;
    color: Black;
}
DIV#cardiocardsarea DIV.title
{
    font-size: 2em;
    padding: .6em;
     background-color: #449;
}
DIV#cardiocardsarea DIV.table
{
    background-color: #444;
    font-size: 2em;
    padding: .6em;
}

DIV#content
{
    border-left: 2px solid gray;
    margin-left: 9em;
    padding: 1em;
}

DIV#categories
{
    float: left;
    width: 8em;
    padding: .3em;
}
DIV.item
{
    border-top: 1px dotted gray;
    padding-top: .7em;
    margin-bottom: .7em;
}
DIV.item:first-child
{
    border-top: none;
    padding-top: 0;
}

DIV.item H3
{
    font-size: 1.3em;
    margin: 0 0 .25em 0;
}
DIV.item H4
{
    font-size: 1.1em;
    margin: .4em 0 0 0;
}
DIV.pager
{
    text-align: right;
    border-top: 2px solid silver;
    padding: .5em 0 0 0;
    margin-top: 1em;
}
DIV.pager A
{
    font-size: 1.1em;
    color: #666;
    text-decoration: none;
    padding: 0 .4em 0 .4em;
}
DIV.pager A:hover
{
    background-color: Silver;
}
DIV.pager A.selected
{
    background-color: #353535;
    color: White;
}




/* two views in the same row */

#reporttable
{
    display: table;
}

#reporttablerow
{
    display: table-row;
}


#cell_one
{
 //   display: table-row;
 float:left;
}

#cell_two
{
    width:210px;
    display: table-row;
}

/* report page elements */

.display-label-1row, 
.editor-label-1row 
{
      display:inline-block;
      width: 260px;    
      text-align: right;   
      margin-right: 10px;
      color: black;
      font-size: 10pt;
}


.report-combobox
{
    text-align: center; 
    width: 170px;
    margin-top: 20px;
    margin-left: 30px;
}

.report-current-link
{
    background-color: Aqua;
    color: black;   
    disabled:disabled; 
}



/* Report page */

 /* district navigator*/   
    
#categories
{
	font-family: Constantia, Georgia, serif;
	list-style-type: none;
	border-right: #5d5a53 1px dotted;
	padding-right: 10px;
	margin: 0 25px 0 0;
	float: left;
}

#categories a:link, #categories a:visited
{
	color: #9B9993;
	text-decoration: none;
}

#categories a:hover
{
	color: #F46739;
}

#card
{
    display:inline; 
    float:right; 
}



#cardselection
{    
    color: #F46339;
    display:inline; 
    float:left; 
    position:relative;
    padding-bottom:19px;
}

.morphologyTree
{
    font-size: 11pt;
    display:inline; 
    float:right; 
    position:relative;
}


.current-card-link
{
    color:Gray;
}

/*#selected
{
    background-color:Green;
}*/

.card-title
{
    font-family: Constantia, Georgia, serif;
   	color: #9B9993;
   	text-align:center;
}

div#districtsTree
{
    width:180px;
    float:left;
}

div#districtmorphtree
{
  //  width:372px;
    float:left;
    padding:8px;
    background-color: #000C0F;
}

div#districtTags
{
    display:inline; 
    width:322px;
    height:100px;
    padding:8px;
}

div#searchForm
{
     display:inline; 
     float:left;
}


#words{	float: left; list-style-type: none; margin: 0 0 30px 0; padding-right: 10px;font-size: 9pt;}
#words li:nth-child(odd) { background: #1C1C1C;}
#words a:link, #words a:visited
{
    color: #BBBBBB;
	text-decoration: none;
	font-weight:normal;
}


#search-result
{
    display: block;
    float:none;
     margin-left: 10px;
     // margin-right: 28px;
     margin-right: 10px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111111),color-stop(1, #444444));
    background-image: -moz-linear-gradient(top, #111111, #444444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#444444');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#444444')";
    
 
}

#result
{
 background-color: #222222;
}


#controls
{
    display:inline-block;
    padding-left:35px;
    float:right;

 }
 
 #SnapshotDialog
 {
     background-color: #222222;
     }

.tableContainer
{
    // margin-left:45px;
    // margin-right:45px;
    margin-top:28px;
    margin-bottom:15px;

}

.grid-style .gridrow_alternate
{
    background-color: #eee;
}

.pagination
{
    padding: 5px;
    margin-left:45px;
}

.patientSearch
{
    margin:  0 15px 5px 35px;
    width:1008px;
    float:left;
    font-size: 9pt;
    padding-bottom:5px;
    padding-top:4px;
     background-color: #2C2C2C;
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    display:block;
}


select#TagValue
{
    color: #BBBBBB; background:#262626; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; 
}


#dicoms-toolbar
{
    padding-top:5px;
    width:100%;
    height:39px;
    	background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
}

#gridthumb {
  width:100%;
  padding-left:0px;
}

ul#gridthumb li {
  list-style: none outside;
  float: right;
  width:100%;
  margin-right: 3px;
  margin-bottom: 6px;
  text-align: center;
}

ul#gridthumb li img {
  vertical-align: middle;
}

.referred
{
    background-color: #333;
}

.unreferred
{
    background-color: #1C1C1C;
}

.words_search_tags
{
    background-color: #222222;
    font-size: 9pt;
    padding-bottom:5px;
    padding-top:4px;
}

.words_search_tags
{
    background-color: #222222;
    font-size: 9pt;
    padding-bottom:5px;
    padding-top:4px;
}

/* Tabella con righe alternate */
.table-alternate-rows tr:nth-child(even) {
    background-color: #1c1c1c; /* Grigio scuro */
    color: white;
}

/* Per versione a righe scure */
.table-alternate-rows.dark-rows tr:nth-child(even) {
    background-color: #000000; /* Grigio scuro */
    color: white;
}