﻿
/*	Gerneal HTML */
    body 
    {
        /*background-attachment: fixed;
        background-image: url(../Resources/images/website/bg.jpg);
        background-repeat: repeat-x;
        background-position: center top;*/
        background-color: #454540;
        margin: 0px;
        /*padding: 20px;*/
        color:white;
        
        font-family:Verdana, Tahoma;
        /*font-family:Arial, Helvetica, sans-serif;*/
        font-size:14px;
    }
    
    ul {
        MARGIN-LEFT: 0pt
    }

    a {
        color: #ff9933;
        text-decoration:underline;
        border: 0;
    }
    
    a:hover		{ text-decoration: underline; }


    h2, h3, h4, h5 {
        color:#dd9933;
    }
    
    h1 {
        font-family:Cursive;
        font-size:24px;
    }
    
    img 
    {
		border:0;
    }

	.faint 
	{
		color:#888888;
	}
 
/*	Master Page */    
    div.BottomLinks
    {
     padding : 15px 15px 15px 15px;
    }

    div.BottomLinks
    {
     margin : 0px;
     padding : 0px;
     list-style : none;
     display : inline;
    }
    
    .BottomLinks a
    {
		padding-right:10px;
    }

    /*div.BottomLinks A
    {
		font-size:11px;
		font-weight : bold;
		white-space : nowrap;
		text-decoration:none;
		color:White;
		padding-right:10px
    }*/

    
    .buttonLink {
        color:#db8;
        background-color:#000;/*#454020; */
        border: 0;/*groove 5px #6a5121;*/
        width:120px;
        padding: 5px 15px 5px 15px;
        font-size:16px;
        font-weight:bold;
        font-family: 'Comic Sans MS', 'Berlin Sans FB'; /*font-family:Verdana;*/
        background-image:url('../resources/images/website/button_bg.png');
        cursor:pointer;
    }
    
    .buttonLink:hover 
    {
        /*background: #aa8822; 
        border: groove 3px #9a5131;*/
        color: black; 
    }
    
    
    td.MainComponent {
          background-color: black;
          border: solid 5px #322515;
          padding:0px 10px 0px 10px;
          margin:10px; 
    }
                  
    td.SubComponent {
          background-color: black;
          border: solid 1px #332200;
          padding:0px 10px 0px 10px; 
    }

/*	NavigationBar */
    .NavigationBar {
        font-size:0.8em;
        color:#cc7711;
    }

	.NavigationBar, .NavigationBar a:hover 
	{
        text-decoration:none;
        cursor:hand;
        padding: 0px 5px 0px 5px;
        margin:0;
	} 

    .NavigationBar a:hover{
        color:#000000;
        background-color:#cc7711;
    }
    
    .NavigationBar a, .NavigationBar img{
        color:#cc7711;
        padding: 0px 5px 0px 5px;	
    }
    
    .NavigationBarLI, .NavigationBar li{
        list-style-type: none; 
        list-style-position: outside;
        display:inline;
        margin:0;
    }


/****** Top Menu ******/
    .MenuStrip {
        background-color:black;
        font-family: Arial, sans-serif; 
        text-align: center; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */ 
        margin: 5px 0 5px 10px; 
        padding: 0 0 3px 0; 
    }

    .MenuStrip li { 
        margin: 0 5px 0 0; 
        border-bottom: none; 
        display: inline; /* Menu links are horizontally aligned using display: inline */ 
        background-color:black;
        color:#bb8822;
        font-size:18px;
        font-weight:bold;
    } 
                  

    .MenuStrip li a { 
		margin: 0 -2px 0 0; 
		padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */ 
		color: #bb8822; 
		text-decoration: none; 
		background: black; 
    } 
    .MenuStrip li a:hover { 
        background: #bb8822; 
        color: black; 
    } 
    .MenuStrip li#active { 
        margin: 0 3px 0 0; 
        padding: 3px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */ 
        background: black; 
        color: #bb8822;
        border: 0; 
    } 
 
    .results_table {
        background-color: white;
    }
    
    table.results_table a{
        text-decoration:none;
        
    }
    
    .news_release {
        color:orange;
        font-size:smaller;
    }
    
/*	Controls	*/
	.CtrlBody 
	{
		background-color:#252505;
		/*border: ridge 2px #886611;*/
		padding:10px;
		/*margin:10px;*/
	}
	
	.CtrlHeader 
	{
	}
	.Sample 
	{
		width: 100%; 
		background-color: #201500; 
		border-style:groove; 
		border-color:#353010; 
		border-width:3px; 
		margin:0; 
		padding:0;
	}
	
	.Sample:hover
	{
		background-color: #454015; 
	}
	
	.RevSubHeader 
	{
		font-weight:bold;
		font-size:larger;
		background-color:#304010;
		width:20px;
		padding:5px;
		text-align:center;
	}
	.RevRating
	{
		font-weight:bold;
		text-align:center;
		font-size:x-large;
	}
	
	.RevComment 
	{
		padding:5px;
		margin:5px;
		vertical-align:top;
		border-top: groove 3px #444444;
		text-align:left;
		font-size:14px;
	}
	CtrlReview 
	{

	}
	.CtrlReview tr
	{
		border-top: dashed 1px #444411;
	}
	li
	{
		font-size:14px;
		padding:5px;
	}
	.NSamples
	{
		font-size:80%;
		color:#888888; 
		display:inline;
	}
	.TblSubHdr
	{
		color:White;
		padding:10px;
		font-weight:bold;
	}
	td
	{
		vertical-align:top;
	}



    .NavigationTree li, .NavigationTree  li li {
        /*left:0px;*/
        float:left;
        clear: both; 
        text-indent: 0pt; 
        list-style-type: none; 
        text-align: left;  
        margin-left:0px;    
        width:130px;  
    }
    
    .NavigationTree {
        background-color: #151000;
        width:150px; 
        padding:5px;
        font-size:14px;
    }
    
    .NavigationTree li a, .NavigationTree li li a {
        /*padding:5px 15px 5px 15px;*/
        text-align:left;
	    /*width: 135px;*/
	    text-decoration: none;
	    vertical-align: middle;
	    float: left;
    }
        
    .NavTreeMore, .NavTreeLess {
        font-size:smaller;
        color: #aaaaaa;
        display:none;
    }
    
    .navtreeitem1, .navtreeitem2 {
    }
    
    li.navtreeitem1 a, li.navtreeitem2 a{
	    padding: 2px 2px 2px 15px;
	    color: #FFFFFF;
	    font: normal normal bold 0.8em serif;
    }
    
    .NavLevel1, NavLevel1Colapse {
    }
    .NavLevel1 a, .NavLevel1Colapse a {
        margin-top:10px;
        color: #ff9933;
        text-decoration:none;
        cursor:hand;
        /*font-size:0.9em;*/
        margin-left:0px;
    }
    
    li.navtreeitem1 {
        display:none;
    }

    li.navtreeitem2 {
        display:none;
    }
    
    li.navtreeitem1 a:hover, li.navtreeitem2 a:hover {
	    background-color: #808080;
    }
    li.navtreeitem1 a:active, li.navtreeitem2 a:active {
	    background-color: #aaaaaa;
    }
    
    .NavigationTree div ul {
        list-style:none; 
        margin:0px; 
        /*text-align: left;
        display:inline;*/
    }


	.clNewsTitle
	{
		color:#ec9;
		font-size:14px;
		font-weight:bold;
	}

	.clNewsDate
	{
		color:#ec9;
		font-style:italic;
		font-size:12px;
	}

	.clNewsDescription
	{
		color:#ec9;
		font-size:12px;
	}

	.clNewsLink
	{
		color:#ccc;
		font-size:14px;
	}
	