﻿body
{
    font-family: verdana,arial,sans-serif;
 font-size:100%;
    }

h1
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     font-size:130%;
     color: #424242;
    }

.h1_label
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     font-size:130%;
     color: #424242;
    }

.img_Logo
{
    max-width:300px;
    max-height:100px;
    }


h2
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     font-size:120%;
     color: #424242;
    }
    
 .h2_label
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     font-size:120%;
     color: #424242;
     padding-bottom:10px;
     padding-top:10px;
     font-weight:bold;
    }   
    
  
   .h2_link
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     font-size:120%;
     color: #0099FF;
     padding-bottom:10px;
     padding-top:10px;
     font-weight:bold;
    }   
    
    

.GrayText
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     font-size:90%;
     color: Gray;
    }


 .Button_Remove
{
    background-color: Red;
    width:30px;
    height:30px;
    color:White;
    text-decoration:none;
    display:block;
    padding:2px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    }
 


.DropDownlist_Basic
{
     font-family: verdana,arial,sans-serif;
 font-size:100%;
    }


.Linkbutton_White_NoStyle
{
     font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     color: white;
     text-decoration:none;
    }

.Close_Right_Button
{
    position: absolute;
    right: 0px;
    width: 10px;
    font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
     text-decoration:none;
     color:Black;
     padding-right:10px;
    }   
   

.ErrorWarning
{
    font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
    color:Red;
    }


.BasicHyperLink
{
    color: #0099FF ;
    text-decoration:none;
    }
    

 .modalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
}
 


/* TEXTBOXES */ 

.Textbox
{
   color: #424242;
   width:400px;
    }
  
  .Textbox_Number
{
   color: #424242;
   width:100px;
    }  
    
    
    /* PANELS */ 
    
 .panel_White
 {
     width:90%;
     background-color: White;
     	 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;  
 padding:10px;
 margin:10px;
     }




  .panel_Calender
 {
     width:180px;
     background-color: #0099FF;  
     color:White;
     padding:20px;
     border-radius: 0px 10px 0px 0px;
    -moz-border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;
     
     }    
     
   .panel_Calender h2
   {
      color:White;
      font-size:110%;
      padding-bottom:0px;
      margin-bottom:0px;
       }    
    .panel_Calender h1
   {
      color:White;
      font-size:170%;
      padding-top:0px;
      margin-top:0px;
       }
   
   
   
   .panel_MyCompany
 {
     width:300px;
     color:White;
     padding:20px;
     }    
     
   .panel_MyCompany h2
   {
      color:White;
      font-size:110%;
      padding-bottom:0px;
      margin-bottom:0px;
       }    
    .panel_MyCompany h1
   {
      color:White;
      font-size:170%;
      padding-top:0px;
      margin-top:0px;
       }
     
   
   
 
   .panel_Rooms
 {
     width:180px;
     background-color: #003366;  
     color:White;
     padding:20px;
     }
 
     .panel_Rooms h1
   {
      color:White;
      font-size:170%;
       }
 
      .panel_Rooms h2
   {
      color:White;
      font-size:110%;
       }    

       .panel_Rooms h3
   {
      color:White;
      font-size:110%;
       } 
   
   
      .panel_News
 {
     width:100%;
     background-color:  #e5e7e9;  
     color:White;
     padding:20px;
     }
   
   

    .panel_Popup
{
    border:3px solid #e5e7e9;
    background-color:White;
    padding:10px;
    width:500px;
    text-align:left;
}

    .panel_Popup_Wider
{
    border:3px solid #e5e7e9;
    background-color:White;
    padding:10px;
    width:700px;
    text-align:left;
}

   
    .panel_Mini1
 {
    
     background-color: #1e8449;
     color:White;
     padding:20px;
     }
 
       .panel_Mini1 h2
   {
      color:White;
      font-size:90%;
       }   
 
  
      .panel_Mini2
 {
   
     background-color: #5882FA;  
     color:White;
     padding:20px;
  
     }
 
       .panel_Mini2 h2
   {
      color:White;
      font-size:90%;
       }   
   
   
   
 /* BUTTONS */
   
   .Back_Link
{
    width:200px;
    height:40px;
    background-color:#0099FF;
    color:White;
    font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
    text-decoration:none;
    display:block;
    text-align:center;
    padding-top:14px;
    }
   
         .Big_Button
{
    width:200px;
    height:40px;
    background-color:#003366;
    color:White;
    font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
    text-decoration:none;
    display:block;
    text-align:center;
    padding-top:14px;
    }
     
     .Add_New
     {
           background-image: url(../images/AddButton.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 22px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    text-decoration:underline;
         }
     
     
 
 /* TABLE */
     
     
      table.General_Table {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif ;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}

table.General_Table tr:nth-child(even)
 {
     background-color: #f2f2f2;
     border-bottom:1px solid #f2f2f2;
     }


table.General_Table tr:nth-child(odd)
 {
     background-color: White;
     border-bottom:1px solid #f2f2f2;
     }


table.General_Table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #003366;
	color:White;
	}

table.General_Table td {
	padding:2px;
	}
