/* ====================================
    CSS STYLES FOR EUROTECH LTD PORTAL 
      Last Updated: 
        06 February 2008
        Ben Harris
   ====================================
*/   



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {  background-color: #2685bb;  }

/* background color for the content part of the pages */
Body { background-color: white; color:#595959; /* width:1200px */
font: 11px/normal  tahoma, arial, verdana, helvetica, sans-serif; 
text-align: left; line-height: 1.4;
  }

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle { font:20px Verdana Bold, Helvetica, sans-serif; font-weight: bold; 
    color:#cccc99 }


/* ================
   TABS  
   ================  */
/* background/border colors for the selected tab */
.TabBg { background-color:#2685bb/*#999999*/; border-color: #999999; }

/* background/border colors for the unselected tabs */
.OtherTabsBg { /*background-color: #999999; border-color: #2685bb;*/}

/* text style for the selected tab */
.SelectedTab { font:11px Arial, Verdana, Helvetica, sans-serif; color:white/*#2685bb*/; 
     border:1px solid; border-color:#999999; font-weight: bold; }

/* text style for the unselected tabs */
.OtherTabs { font:11px Arial, Verdana, Helvetica, sans-serif; padding-bottom:3px;
     color:#dcdcdc; text-decoration:none; font-weight: bold }

/* hyperlink styles of the unselected tabs */
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active { text-decoration:none; 
    color:#eeeeee; }
a.OtherTabs:hover { text-decoration: underline;  color:white; }

/*  ==============
    MENU
    ============== */
.Menu {padding-left:5px;  }

.NormalEurotech { font: 11px  Verdana, Helvetica, sans-serif; line-height: 14px ;  font-weight: bold; color:#0079ca; }

.NormalEurotech0 { font: 11px  Verdana, Helvetica, sans-serif; line-height: 14px ;  font-weight: normal; color:#0079ca; }

.NormalEurotech2 { font:11px Verdana, Helvetica, sans-serif; padding-left:10px; font-weight: bold; color:#0079ca; }

.MainMenu { font: 11px  Verdana, Helvetica, sans-serif; color:#ffffff;  background:#76ace0 ; line-height: 14px ;  font-weight: bold;  }

.SelectedMenu { font: 11px  Verdana, Helvetica, sans-serif; line-height: 14px ;  font-weight: bold; color:#0079ca; }

.NormalMenu  { font: 11px  Verdana, Helvetica, sans-serif; line-height: 14px ;  font-weight: bold; color:#0079ca; }


/* text style for the site links (at extreme top-right of header) */
.SiteLink {  font-family: Verdana, Helvetica, sans-serif; font-size: 11px;
    font-weight: bold }   

/* hyperlink style for the site links */
a.SiteLink:link, a.SiteLink:visited, a.SiteLink:active { text-decoration:none; 
    color:white; }

a.SiteLink:hover { text-decoration: underline; color:white; }

a.TopLink:link, a.TopLink:visited, a.TopLink:active { font-family: Verdana, 
    Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#77aae1;
    line-height:12px;  background: url(images/navlink_t.gif) no-repeat;
    padding-left:12px   /*#0082cd;*/ }
    
a.TopLink:hover { text-decoration: underline; color:#b7b9bc; }

a.SpecialLink:link, a.SpecialLink:visited, a.SpecialLink:active { font-family: Verdana, 
    Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#77aae1;
    line-height:20px;  background: url(images/navlink-g.gif) no-repeat;
    padding-left:15px;   /*#0082cd;*/ }
    
a.ArrowLink:link, a.ArrowlLink:visited, a.ArrowLink:active { font-family: Verdana, 
    Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#77aae1;
    line-height:20px;  text-align:right; background: url(images/navlink_t.gif) no-repeat;
    padding-left:15px;   /*#0082cd;*/ }
    
    
a.SpecialLink:hover,a.ArrowlLink:hover { text-decoration: underline; color:#b7b9bc; }



/* style for separator between site links */
.Accent { color:black; font-weight: bold; }

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message { font-family: Verdana, Helvetica, sans-serif; font-size: 11px;
    font-weight: normal; background-color: #eeeeee }   

/* style of item titles by Announcements and events */
.ItemTitle { font-family: Verdana, Helvetica, sans-serif; font-size:  11px;
    font-weight:bold; color:#8b0000; }

/* GENERAL */
/* style for module titles */
.Head {font:12px Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color:white; }

/* style of item titles on edit and admin pages */
.SubHead  { font-family: Verdana, Helvetica, sans-serif; font-size:  13px;
    font-weight: bold; color:#999999; /*#595959;*/ }

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Verdana, Helvetica, sans-serif; font-size:  11px;
    font-weight:   bold;  color: #2685bb; }

/* text style used for most text rendered by modules */
.Normal {font:11px Verdana, Helvetica, sans-serif;
    font-weight: normal; line-height: 14px ; }
    
.NormalDataGrid {font:11px Verdana, Helvetica, sans-serif;
    font-weight: normal; line-height: 24px ; }
    
.Normal2 {font:11px Verdana, Helvetica, sans-serif; padding-left:15px; 
    font-weight: normal; line-height: 12px ; background:"./images/node.gif"; }

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font:12px Verdana, Helvetica, sans-serif; font-weight: normal; }

.NormalRed {font:11px Verdana, Helvetica, sans-serif; font-weight: bold; color:red }

.NormalBoldBck { font:11px Verdana, Helvetica, sans-serif; font-weight: bold;  background:#dedfde}

.NormalBold { font:11px Verdana, Helvetica, sans-serif; font-weight: bold; }

.TitleEurotech { font:13px Verdana, Helvetica, sans-serif; font-weight: bold; color:#2685bb;line-height:3; }

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton { font:11px Verdana, Helvetica, sans-serif; font-weight: normal; }
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { text-decoration: underline; color: #8b0000;}

a.CommandButton:hover { text-decoration: underline; color: red; }
    

/* GENERIC */
h1  {font:20px Verdana, Helvetica, sans-serif; font-weight: normal; color:#2685bb}
h1.product  {font:20px Verdana, Helvetica, sans-serif; font-weight: normal; padding-left:0px;  color:#2685bb}
h2  {font:18px Verdana, Helvetica, sans-serif; padding-top:5px; font-weight: normal; color:#2685bb;  }
h3  {font:14px Verdana, Helvetica, sans-serif; font-weight: bold; color: #595959; }
h4 {font:14px Verdana, Helvetica, sans-serif; font-weight: bold; color :#2685bb; 
    line-height:0.5; padding-bottom:5px; border-bottom:1px solid; border-color:#e9eaeb;
    background: url(images/navlink-g.gif) no-repeat;padding-left:15px }
h5, dt {font:11px Verdana, Helvetica, sans-serif; font-weight: bold; color:#8b0000; }
h6 {font:11px Verdana, Helvetica, sans-serif; font-weight: bold; color: #8b0000; }

TFOOT, THEAD    { font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px; color: #8b0000; }
  
TH { vertical-align: baseline;   
    font-size:  12px; font-weight: bold; color: #2685bb; }

a:link, a:visited, a:active { text-decoration: none; color: #2685bb; }
a:hover { text-decoration: underline; color:  red; }

small { font-size:  8px; }
big { font-size:  14px; }

BLOCKQUOTE, PRE { font-family:    Lucida Console, monospace; }

ul { line-height:1;  /* line-height:0.5; padding-top:-10px */}
li  { list-style-type: disc; left:0px; margin-left:0px;  padding-left:0px; line-height: 0 }
UL LI LI    { list-style-type: disc; }
UL LI LI LI { list-style-type:    circle; }
OL LI   { list-style-type:    decimal; }
OL OL LI    { list-style-type:    lower-alpha; }
OL OL OL LI { list-style-type:    lower-roman; }

hr { color: #696969; height:1pt; text-align:left }


/*********************************/ 
/********* MY 

/* main */

/*   layout */
html {margin: 0px; width:950px; font-size: 11px;  padding: 0px;/* background:#e6e6e6;  line-height: 1.4;*/ }
	  
body  {font: 11px tahoma,arial,"trebuchet ms",sans-serif; color: #808080;
  /*  background: url(./images/tab_head.jpg); background-repeat:no-repeat;	line-height: 1.4;*/ }

#main {position:relative;/* top:0px; margin: 0px 215px 25px 0px; */
        /* backg round:green;*/  width:800px;
	   min-height:350px; height: auto !important; height:350px; /* line-height: 1.4;*/ }
        
#ContentPane {position:absolute; width:560px; top:102px; left:223px;  margin:0;
font-size:11px; /*background-color: white;*/ color:#595959;  
/* border-color:#e6e6e6; border-right:1px solid; */
/* font: 12px tahoma, arial, verdana, helvetica, sans-serif; */
text-align: left; line-height: 1.4; padding-bottom:0px;  }

/*
#main div.ContenPane, div#ContentPane {
font-size:13px; background-color: yellow; color:#595959; 
text-align: left; line-height: 2;  }
*/

#Home {position:absolute; width:560px; top:104px;  left:0px;  margin:0;  }

#LeftPane {position:absolute; width: 200px; left: 10px; top: 217px; background-color: white; }

#RightPane {position:absolute;  width: 220px; left: 740px; top: 230px; background-color: white;   /* border-color:red; border-left:1px solid; */}

#Banner {position:absolute; clear:both; top:0px; left:0px; width: 960px; height: auto; 
    background-color: white;}

#Footer {position:fixed; bottom:0px; left: 10px; width: 960px; height: auto; 
    background-color: white;}

* html, * html body
{
    overflow-y: hidden !important;
    height: 100%;
    margin: 0;
    padding: 0;
}
* html #iefix
{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;   
    padding: 0;
    position: relative;
    
}
* html #Footer
{
    position: absolute;
}


p  { color:#595959; font: 11px/normal verdana,tahoma,arial,helvetica, sans-serif; 
            text-align: left; line-height: 1.4;  }

span.title, a.title:link, a.title:visited, a.title:active {font:14px Verdana, Helvetica, sans-serif; font-weight: bold; color :#2685bb; 
    line-height:1; width:400px; padding-bottom:1px; border-bottom:1px solid; border-color:#e9eaeb;
    background: url(images/navlink-g.gif) no-repeat;padding-left:15px }
span.evidenza {color:red; font-weight: bold;}
span.eurotech {color:#2685bb;}

#boxright {position: absolute; width:175px; height:275px;  background:#e6e6e6;
	   border:1px solid ; border-color: #595959;
	   border-top: 0px solid;
	   top:135px; right: auto; bottom: 0px; left: 405px; padding: 0px; }

#boxright1 {position: absolute; width:170px; height:285px;  background:#e6e6e6;
	   border:1px solid ; border-color: #595959;
	   border-top: 0px solid;
	   top:325px; right: auto; bottom: 0px; left: 350px; padding: 0px; }

#boxleft {position: absolute; width:175px; height:275px;  background:#e6e6e6;
	   border:1px solid ; border-color: #595959;
	   border-top: 0px solid;
	   top:135px; right: auto; bottom: 0px; left: 25px; padding: 0px; }

#boxleft1 {position: absolute; width:175px; height:275px;  background:#e6e6e6;
	   border:1px solid ; border-color: #595959;
	   border-top: 0px solid;
	   top:325px; right: auto; bottom: 0px; left: 20px; padding: 0px; }

#boxleft2 {position: absolute; width:175px; height:275px;  background:#e6e6e6;
	   border:1px solid ; border-color: #595959;
	   border-top: 0px solid;
	   top:150px; right: auto; bottom: 0px; left: 25px; padding: 0px; }
	   
div#boxright ul { line-height:2;  /* line-height:0.5; padding-top:-10px */}
div#boxright li  { list-style-type: disc; left:0px; margin-left:-25px;  padding-left:0px; line-height: 1.5 }


#editpane {position:relative; top:200px; margin: 0px 215px 25px 100px; /* background:green;*/ width:800px;
		min-height:350px;  
		height: auto !important;
	    height:350px;}



.NormalEurotech { font: 11px  Verdana, Helvetica, sans-serif; font-weight: bold; color:#0079ca; }

.NormalEurotech2 { font:11px Verdana, Helvetica, sans-serif; padding-left:10px; font-weight: bold; color:#0079ca; }

/* img  */
img.null { display:inline;  float:right }
img.picpdf { border:0px; margin: 0em 1em 0em 1em  }
img.pic { float: right; border:0px; margin: 1em 0em 1em 1em }
img.picnoborder { float: right; border:0px; margin: 0em 0em 0em 0em }
img.picleft { float: left; border:0px; margin:1em 1em 1em 0em }
img.piclefttop { float: left; border:0px; margin:0em 0em 0em 0em }
img.picrighttop { float: right; border:0px; margin:0em 0em 0em 0em }
img.picright {  float: right; border:0px;  margin:1em 1em 1em 1em }
img.border { border-right: 3px double; border-top: 3px double; border-left: 3px double; border-bottom: 3px double }
img.topmain { top: -20px; }

