﻿body    
{
    font-size: 100%;
    background: #FFFFFF;
    font-family: Verdana, Arial;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

#bottomHalf h2 
{
    font-size: 1.182em; 
    color: #53BDED;
    font-weight: bold;          
    margin: 10px 0;
}

#wrapper 
{
    width: 960px;
    margin: 0 auto;    
    font-size: 0.6875em;
    line-height: 110%;
    background-color: #FFFFFF;
    padding: 0;
}

#header
{
    height: 100px;
    position: relative;
    background: #F5BB33 url('../../App_Themes/images/DiurnalBanner.jpg') repeat-y;
    margin:0 4px 0 4px;
}

#header img { margin-left: 15px;}

#header a#ctl00_Header_lnkContact 
{
    color: #1F2136;
    position: absolute;
    top: 20px;
    right: 15px;
    font-weight: bold;
}

#header a#ctl00_Header_lnkContact:hover {color: #FFFFFF;}

#header ul 
{
    position: absolute;
    right: 0;
    bottom: 0;
}

#header ul li
{
    float: left;
    width: auto;
    list-style: none none inside;
    height: 25px;

    position: relative;
}

#header ul li a
{
    text-transform: capitalize;
    padding: 6px 1.25em;
    padding: 0.550em 1.25em;
    color: #4D4D4D;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}

#header ul li ul
{   margin: 0;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100px;
    z-index: 10;
    background-color: #F5BB35;
    display: none;
}

#header ul li ul li
{
    float: left;
    clear: both;
}

/*#header ul li ul li a {white-space: nowrap}*/

#header ul li a:link {color:#4D4D4D;}      /* unvisited link */
#header ul li a:visited {color:#4D4D4D;}  /* visited link */
#header ul li a:hover {color:#4D4D4D; background-color: #FDB813}  /* mouse over link */
#header ul li a:active {color:#4D4D4D;}  /* selected link */

#header ul li a.selected {color:#000000; font-weight: bold;}  /* unvisited link */

li#lnkHome a{width:50px; text-align:center;}
li#lnkCompany a{width:130px; text-align:center;}
li#lnkProduct a{width:140px; text-align:center;}
li#lnkPartner a{width:70px; text-align:center;}
li#lnkManagement a{width:60px; text-align:center;}    
li#lnkNews a{width:90px; text-align:center;}    




li#lnkHome a.selected{width:50px; text-align:center;}
li#lnkCompany a.selected{width:130px; text-align:center;}
li#lnkProduct a.selected{width:140px; text-align:center;}
li#lnkPartner a.selected{width:70px; text-align:center;}
li#lnkManagement a.selected{width:60px; text-align:center;}    
li#lnkNews a.selected{width:90px; text-align:center;}    


#login{padding:20px 0 0 100px; width:400px;}
#login table tr td{text-align:left; padding:0 20px 10px 0;}

table.backend tr td{padding:0 0 20px 0; margin:20px 0 0 0; font-size:12px; font-weight:bold;}



#topHalf 
{
    width: 960px;
	height: 160px;
    padding:0 0 0 0;
    position:relative;
}

img#headimg{padding:4px 0 0 3px;}

img#swoosh{bottom:35px; left:0; position:absolute;}


#topHalf img{
    margin: 0 auto 0 auto; 
}

#leftDiv 
{
    color: #666666;
}

#leftDiv ul.news
{
    color: inherit;
    font-style: normal;
}

#bottomHalf .leftDivFullWidth {
    padding-left:20px;
    width:740px;
}

#leftDiv h2 span{font-weight: normal;}  
#leftDiv p {margin: 10px 0 0 0; clear: both}  
#leftDiv ul {margin: 10px 0 0 0;
             padding: 5px 0;
}  

#leftDiv ul li 
{
/*    list-style-position: inside;*/
    list-style-type: none;
}  

#leftDiv ul li h2 {margin-top: 10px}  
      
#leftDiv ul.bullets {
    margin: 0 0 0 20px;
    line-height:1.4;
}
      
#leftDiv ul.bullets li {
    list-style-type: disc !important; 
    margin-left: 10px 0 0 20px;
}
    
ul.bullets li.blue, ul.bullets li.orange, ul.bullets li.green {font-size: 20px; margin: 0px 0 0 15px;}

ul.bullets li.green {color: #8CC542;}
ul.bullets li.blue {color: #52BDE7;}
ul.bullets li.orange {color: #FFB410;}
ul.bullets li span {color: #666666;  font-size: 11px; margin: 0; padding: 0 0 3px 0}

.news {font-style: italic; color: #4F4F4F; border-bottom:#cccccc solid 1px; padding:0 0 10px 0;}     
#rightDiv .news p {margin: 0; padding: 0;}
.news h3 {color: #163919; margin:0 0 5px 0; font-weight: bold; font-size:12px; line-height:1.3em;}     
.news h3 span{font-size:10px;}
.news h3 a{color:#53BDED;}
 
#leftDiv ul li ul 
{
    margin: 10px 10px 10px 0px; 
    padding: 0 0 0 30px;
    list-style-position: outside;
}

#leftDiv ul li ul li 
{
    margin: 10px 0 0 0;
    list-style-position: outside;
}

#leftDiv ul.news li {margin-top: 10px; color: #000000}
#leftDiv ul.news h3 {margin: 0;}
#leftDiv ul.news a {color: #4f4f4f}

h3  {color: #3F4D40;}

#bottomHalf{margin:-20px 0 0 0;}

#bottomHalf .divInnerWrapper h2, #rightDiv h2 {color: #95CA48;}

#bottomHalf .divInnerWrapper a {color: #FDB813}
#bottomHalf .divInnerWrapper a:hover {text-decoration: underline}

#rightDiv p
{
    margin-top: 10px;
    padding-right: 10px;
}

#footer
{
    clear: both; 
    margin: 20px 10px 10px 10px; 
    padding: 10px 0;
    background-color: #FDB813;
    text-align:left;
    color: #FFFFFF;
    text-indent: 0;
    vertical-align: middle;
}

#footer p{padding:0 0 0 10px;}
#footer p a{color:#ffffff; text-decoration:underline;}
#footer p a:hover{text-decoration:none;}

.hoverClass {background-color: #F5BB35; color: #FFFFFF}

strong {font-weight: bold !important;}


#hormoneText{width:900px;}
#hormoneText img{float:right;}
#hormoneText p{}

#hormoneText .graphInfo{width:400px;}

.graphInfo p{color:#666666;}

.graphInfo li{color:#666666; list-style:disc outside; margin:0 0 10px 15px; line-height:1.3em;}

ul#hormoneText li { display: none;}

#idManagementText div.display, 
div#hormoneText li.display, div#hormoneText li.display *,
ul#hormoneText li.display, ul#hormoneText li.display * { display: block; position: relative}

ul#idHormoneLabel{right:0px; position:relative; float:left; width:640px;}
ul#idHormoneLabel li {display:inline-block; float:left; border-right:#cccccc solid 1px; text-align:center; padding:0 10px 0 10px;}
ul#idHormoneLabel li.last{border:none; padding-right:0;}
ul#idHormoneLabel li.first{padding-left:0;}
ul#idHormoneLabel h3, ul#idHormoneLabel h3.hideText {font-weight: normal; font-size: 12px; cursor: pointer;}
ul#idHormoneLabel h3.highLight {font-weight: bold;}


h3#idLabel1:hover{color:#8CC43D;}
h3#idLabel2:hover{color:#FCB912;}
h3#idLabel3:hover{color:#53BDED;}

h3.highLight span#green{color:#8CC43D;}
h3.highLight span#orange{color:#FCB912;}
h3.highLight span#blue{color:#53BDED;}



ul#managementList 
{
    border: 1px solid #73BDED;
    border-width: 0 1px 0 0;
    height: 100%;
}

ul#managementList li.selected 
{
    border: 1px dotted #73BDED;    
    border-right-width: 0;
}

#idManagementText div 
{
    display: none; 
    min-height: 300px; 
    padding: 0 10px;
    width: 430px;
}

ul#managementList li a
{
    display: block; 
    margin: 0 0 0 0; 
    padding: 10px 10px;
    height: 70px;
}

ul#managementList li a:link {color:#95CA48;}      /* unvisited link */
ul#managementList li a:visited {color:#95CA48;}  /* visited link */
ul#managementList li a:hover {color:#000000; font-weight: bold;}  /* mouse over link */
ul#managementList li a:active {color:#95CA48;}  /* selected link */

ul#managementList li.selected a 
{
    font-weight: bold; 
    color: #000000 !important;
    background-color: #FFFFFF;                                
}

ul#idHormoneLabel {margin: 0 0 10px 0;}

.FFTODO {border: 1px dashed red;}

#linkedIn * {float: right; clear: both;}

#linkedIn a { color: #A0A0A0; font-weight: bold;}
#linkedIn img {margin: 10px 0 0 0;}

.firstH2 {text-transform:capitalize;}

#leftDiv .cform fieldset textarea {font-size:13px;}

.cform{width:300px; float:left; margin:-20px 0 0 0;}

#contact_details{width:200px; float:right; margin:10px -300px 0 0;}

#contact_details p{text-align:right;}



.graphInfo{width:440px; float:left;}


#ctl00_ContentPlaceHolderMainContent_Login1_LoginButton{width:100px; float:right; margin:20px 0 0 0; border:#666666 solid 1px; background:#cccccc;
                                                        cursor:pointer;}
                                                        
                                                        
.click{background:url('../../App_Themes/images/button.jpg') no-repeat; width:134px; text-align:center; display:inline-block; color:#ffffff; padding:9px 0;  margin:0 0 0 0;}


.demo-show{width:600px;}
.demo-show h3{margin:10px 0 0 0; cursor:pointer; font-size:12px; line-height:1.3em;}
.demo-show div{border-bottom:#cccccc solid 1px; padding:0 0 20px 0; margin:0 0 20px 0;}
.demo-show h3 span{font-size:11px; font-weight:normal;}
.demo-show p{font-family: Verdana, Arial; margin:0 0 0 0; padding:0 0 0 0; z-index:20;}
.tabcontent .test p{width:580px; line-height:1.5em;}




.demo-show-events{width:600px;}
.demo-show-events h3{margin:10px 0 0 0; color:#333333;  font-size:12px; line-height:1.3em;}
.demo-show-events h3 a{font-weight:normal; color:#333333; cursor:pointer;font-weight:bold; text-decoration:none;}
.demo-show-events div{border-bottom:#cccccc solid 1px; padding:0 0 10px 0; position:relative; z-index:5;}
.demo-show-events h3 span{font-size:11px; font-weight:normal;}

ul#news_media{float:left; width:600px; margin:0 0 0 0;}
ul#news_media li{float:left; margin:0 0 0 10px;}
ul#news_media li a{ padding:5px 10px; border:#cccccc solid 1px; display:inline-block; color:#53BDED; border-bottom:none;}
ul#news_media li a:hover{background:#f3f3f3;}

ul#news_media li a.selected{color:#ffffff; border:#cccccc solid 1px; border-bottom:none; background:#999999;}

#news_media_content{border-top:#cccccc solid 1px; margin:-6px 0 0 0; float:left; padding:10px 0 20px 20px; width:600px;}
#news_media_content2{border-top:#cccccc solid 1px; margin:-1px 0 0 0; float:left; padding:10px 0 20px 20px; width:600px; height:350px;}

#news_media_content .tabcontent{width:600px;}

p em{font-style:italic;}

p a{color:#53BDED; text-decoration:underline;}
p a:hover{text-decoration:none;}






ul#news_media li a#heading{position:absolute; margin:-33px 0 0 -10px; border:none; font-size:13px;}

ul#news_media li#nohighlight a.selected{color:#53BDED; background:#ffffff;}
ul#news_media li#nohighlight{margin:0 0 0 0;}

.NewsEvents{height:400px;}

.NewsEvents p{color:#666666;}
.NewsEvents li{color:#666666; line-height:1.3em; list-style:disc outside; margin:0 0 10px 15px;}


#ctl00_ContentPlaceHolderMainContent_Login1_RememberMe{margin-right:5px;}

h2{text-transform:capitalize;}