﻿/* Global CSS */


        HTML
        {
            height: 100%;
            margin:0px;            
        }
        BODY
        {
            text-align: center;            
            margin-top:10px;
            font-family:Verdana,Arial,Helvetica,sans-serif;
            
         
        }
        
        
        a,a:visited {
	        color:                white;
	        background-color:       transparent;
	        text-decoration:        none;
        }
        a:active {
	        color:                white;
	        background-color:       transparent;
        }
        
        
/* Containers CSS */        
        
        #container
        {
            position:absolute;
            width: 800px;            
            text-align: center;          
            left: 50%; 
            margin-left: -400px;        
            top:10px;   
        }
        
        #ad
        {
            position:absolute;
            width: 100px;            
            text-align: center;           
            left: 50%; 
            margin-left: 403px;  
            top:120px;         
        }
        
        
        #top
        {
            height: 110px;
        }
        #master
        {        
            width: 100%;
        }
        
        
        #bottom
        {           
            text-align: right;
            padding: 10px;
        }
        #bottom a
        {
            font-weight: bold;
            font-size: 9px;
            color: #444444;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        
        
        #logo
        {
            position: absolute;
            left: 0px;
            width: 51px;
            height: 51px;
        }
        #logotext
        {
            position: absolute;
            left: 55px;
            font-weight: bold;
            font-size: 30px;
            color: #393939;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        #logotitle
        {
            position: absolute;
            left: 55px;
            top: 35px;
            font-weight: bold;
            font-size: 10px;
            color: #fa9100;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        #bookmark
        {
            position: absolute;            
            right:0px;
        }
        
                #language
        {
            position: absolute;
            top: 30px;
            right:0px;
        }
        
        #search
        {
            position: absolute;
            left: 0px;            
            top: 60px;
        }

        
/* Main Conversion Form CSS */           
        
        .maintable
        {
            width:100%;
            margin:0 auto;
        }
        
        
          .maintable-menu-left
        {
            
            background-color:#393939;
            vertical-align: top;
        }
        .maintable-menu-left a {
            font-size: 12px;
            font-weight: bold;
        }
        
        .maintable-content
        {
            
            width:640px;
            border: 1px solid black;
            background-color:#FA9100;
            color:White;
            vertical-align:top;
            height:1px;
            padding:5px;
        }
        .category-item
        {
            padding-left:10px;
            padding-top:8px;
            padding-bottom:0px;

        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        



        .pager span 
        {
        	font-style:italic;
        	text-decoration: underline;
        }	

        


        .menu_left
        {
        	float:left;
            width:140px;
            margin-left:-800px;
            margin-bottom:0px;
            padding-top: 10px;
            padding-left: 5px;
            background-color:#393939;
        }
        .menu_left a {
            font-size: 12px;
            font-weight: bold;
        }

        .content
        {
            margin-left: 160px;
            border: 1px solid black;
            background-color:#FA9100;
            color:White;
        }
 
        
        
       
       
  /*      #menu
        {
            position: absolute;
            width: 140px;
            left: 0px;
            background-color: #f8fbfc;
            text-align: left;
            border: #79796e 1px solid;
           
        } */

 /*       #menu ul
        {
            font-weight: bold;
            font-size: 12px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            margin-left: 5px;
            
        }           
*/
        
/*        #menu ul
        {
            padding-left: 0px;
            font-weight: bold;
            font-size: 12px;
            margin-left: 0px;            
            font-family: Verdana, Arial, Helvetica, sans-serif;
            text-decoration: none;
            list-style-type: none;
             margin-left: 5px;
        }
        #menu li
        {
            margin-top: .5em;
            margin-bottom: .5em;
        }
        #menu A:link
        {
            color: #4885ac;
            text-decoration: none;
        }
        #menu A:visited
        {
            color: #4885ac;
            text-decoration: none;
        } */
        .button
        {
            width : 110px;
        } 
        .a_category
        {
            font-size: 14px;
            font-weight: bold;  
        }



		.groupLabel
		{
			color:#FA9100;
		}
		
		.a_ItemInCategory
        {
            font-weight: bold;
            font-size: 10px;
        }

        .a_Item
        {
        	color: #444444;
            font-size: 16px;
        }
        
        .a_ItemEven
        {
            background-color: #f8fbfc;
            border-color : blue;
            color: #444444;
            font-size: 16px;
        }
        .a_ItemEven p
        {
            margin: 0px;
            padding: 0px;
        }
        .a_Item a
        {
            text-decoration: none;
            color: #444444;
        }
        .a_ItemEven a
        {
            text-decoration: none;
            color: #444444;
        }
        
        


/*        #top
        {
            height: 110px;
            
            
        }*/
    /*    #center
        {        
            width: 100%;
        }*/
        .TopHeader, TopHeader a, TopHeader a:visited
        {
            font-weight: bold;
            font-size: 30px;
            color: #444444;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        .Logout, Logout a, Logout a:visited
        {
            font-weight: bold;
            font-size: 20px;
            color: #444444;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
        .TopText
        {
            font-weight: bold;
            font-size: 10px;
            color: #FA9100;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }
    /*    #bookmark
        {
            left: 670px;
        }
        #search
        {
            left: 18px;
            top: 68px;
        }


        #searchresult
        {
            position: relative;
            text-align: right;
        }*/
   /*     #content
        {
            position: absolute;
            left: 150px;
            width: 640px;
            background-color: #ffffff;
            border: #79796e 1px solid;            
        }
     */   
/*        
        #ad
        {
           position: absolute;
           left: 790px;           
           width: 130px;    
           text-align: center;

        }
  */      
        

          #categorytitle a
        {
            text-decoration: none;
            color: #ffffff;
        }
        

        




        
        .itemsQuickSearch
        {
        	background-color:#FA9100;
			border:0 none #FA9100;
			color:White;
			font-weight:bolder;
			width:  49%;
        }
        

/*        #options p
        {
            width: 100%;
        }
        #options input
        {
            color: White;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
        } */
        #categoryblock
        {
            float:left;
            display:  table-row;
            width:48%;
            height:150px;


            font-weight: bold;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px;
            text-align: left;
            color: #444444;
            margin: 5px;
        }
        
                #categoryblock_detailed
        {
            float:left;
            display:  table-row;
            width:100%;
    


            font-weight: bold;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px;
            text-align: left;
            color: #444444;
            margin: 5px;
        }
        
            #categoryblock a
        {
       
            text-decoration: none;
            color: #444444;
        }
        
         #categoryblock #small
        {
             font-size: 10px;

        }
        
        
        #categoryblock_detailed a
        {
       
            text-decoration: none;
            color: #444444;
        }
        
         #categoryblock_detailed #small
        {
             font-size: 12px;

        }
        
        .welcometext
        {
            font-weight: bold;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px;
            text-align: left;
            margin: 10px;
        }
        .welcometextElement
        {
            font-size: 10px;
        }
         #welcometext  a
        {
            text-decoration: none;
        }
        #welcometext  p
        {
            text-align:center;
        }
        
       .linkAlphabet
        {
            width:  100%;
            text-align: center;           
            margin-top: 20px;
        }
       .items_main
        {
            width:  100%;
            text-align: center;           
        }
        
       .items_main select
        {
            
            width:  310px;          
            background-color:#ffffff; 
            border-style:none;
            border-width:0px;
            border-color:#ffffff; 
            color:#444444;
            font-weight:bolder;
           
        }
 /*       #alphabet
        {
                    font-weight: bold;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 14px;
                    text-align: center;
                    color: #444444;
                    margin: 10px;                    
                    width:100%;
        }
         #alphabet a
        {
            text-decoration: underline;
            color: #444444;
        }
        
        #alphabetletter
        {
                    font-weight: bold;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 16px;
                    text-align: left;
                    color: #444444;
                    margin: 10px; 
        }
        #alphabetitem
        {
                     
                    font-weight: bold;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    text-align: left;
                    color: #444444;
                    margin-left: 10px;             
        }
       #alphabetgroup
        {
            
                    font-weight: bold;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 10px;
                    text-align: left;
                    color: #444444;
                    margin-left: 10px;             
        }
        #alphabetitem  a
        {
            text-decoration: none;
            color: #444444;
        }
        #alphabetgroup  a
        {
            text-decoration: none;
            color: #444444;
        }*/

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin-top:0px;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	overflow : auto;
	height : 350px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	font-family:Courier New;
	font-size: 14px;
	background-color: #ffff99;
	color : windowtext;
	padding: 1px;
	white-space:pre;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	font-family:Courier New;
	font-size: 14px;
	color : windowtext;
	padding : 1px;
	white-space:pre;
}

.AutoComplete_ListItemHiliteText
{
	color : windowtext;
}




/* Alphabet CSS */

		.alphabet
        {            
            text-align: center; 
            word-spacing:6px;
            font-size: 14px;
            font-weight: bold; 
        }
		.alphabet a
        {
            text-decoration: underline;            

        }        
        
        .alphabet-letter
        {                        
            margin: 10px 10px 10px 7px; 
            font-weight:bold;
            color:#ffffff;
            
        }
        
        .alphabet-item
        {
            font-weight: bold;            
            font-size: 12px;
            text-align: left;
            margin-left: 10px;             
        }
        .alphabet-group
        {
        	font-style:italic;
            font-weight: bold;
            color:#ffffff;
            font-size: 10px;
            text-align: left;
            margin-left: 10px;             
        }
        .alphabet-category
        {
        	font-weight: bold;            
            font-size: 10px;
            text-align: left;
                       
        }
        

/* Information popup CSS */

        .popup
		{
			position:absolute;
			margin-top: 120px; 
			margin-left: 390px;
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			z-index: 10;
			width: 50%;    
			left:10px;
			top:10px;
		    
			border-right: black 1px solid;
			padding-right: 3px;
			border-top: black 1px solid;
			padding-left: 3px;
			font-size: 11px;
			visibility: hidden;
			padding-bottom: 3px;
			border-left: black 1px solid;
			color: #000000;
			padding-top: 3px;
			border-bottom: black 1px solid;
			background-color: white;
			text-align: left;    

		}
		
		.popup a
        {
            color: #4885ac;
            text-decoration: none;
        }
        
/* Category and Item Information Labels CSS */        

        .item-label
        {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: white;
            font-weight: bold;
            text-align: left;
            margin: 5px;           
        }
        
         .category-title
        {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 16px;
            color: white;
            font-weight: bold;
            text-align: left;
            margin: 5px;
            
        }
        
        


         
/* Inputs and Results CSS */        


        .items
        {
           text-align:center;
        }


        .simple-result
        {            
            font-size: 14px;            
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-weight: bold;  
        }
        
       
        .advance-result
        {
            font-size: 14px;            
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-weight: bold; 
        }
        
        
        .advance-result table
        {
        	border-collapse: collapse; 
        	background-color: White;
            font-size: 16px;
            width: 100%;
            font-weight: normal;
        }
        
        
        
        .items select
        {
            font-size: 14px;
            color: #444444;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            height: 200px;
            width: 320px;
        }


         .value
        {            
            font-size: 14px;            
            font-family: Verdana, Arial, Helvetica, sans-serif;
            text-align: left;
            color: white;
            font-weight: bold;
            margin-top:10px;
            
        }   
        
        .value input
        {
            width: 100%;         
        }
        

        .options
        {
            margin-top:10px;
            margin-bottom:10px;
        }
        
        
        .options table
        {
            width:100%;
            border-collapse: collapse;
        }
                
        
        
        .options td
        {
        	background-color: White; 
            width: 100%;
            font-size: 12px;
            text-align: right;
            color : #393939;
            vertical-align: middle;
        }

        .direct-link
        {
         font-size: 14px;            
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold; 
         margin-top:15px; 
        }
        
        .direct-link input
        {
         width: 100%;
        }
