.demo
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    margin:20px 30px;
    padding:10px;
    width:95%;
    height:800px;
    border:solid 1px #000; 
    background-color:aliceblue;
}

.frame
{
	position:absolute;
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;  
    padding:2px 3px;
    width:400px;
}

.overlay
{  
    border:solid 1px #808080;
    border-width:1px 1px;
} 

.underlay
{
    position:absolute;
    background-color:#000;
    bottom:-1px;
    filter:alpha(opacity=12);
    left:-1px;
    right:-1px;
    top:3px;
    z-index:-1;
}

.header
{
    cursor:move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(img/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-bottom:solid 1px #ccc;
    padding: 3px 10px;
} 

.header .msg
{
    font-weight: bold;
}         

.updating, .body
{
    background-color:#fff;
    padding:10px;
}

.updating
{
	color:#808080;
	background:#fff url(img/activity.gif) no-repeat center;
} 

.footer
{
    text-align:right;
    background: url(img/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-top:solid 1px #ccc;
    padding: 5px 3px;
}

.masterFooter
{
    text-align:center;	
    color: #EEEEEE;	
    font-family:Tahoma;
    font-size:10px;
    font-weight:bold;
    font-variant:small-caps;
    letter-spacing:2px;
}

.close
{
    right: 7px;	
    background: url(img/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

th
{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10pt;
}

.items
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #FFFFFF;
}

.itemName
{
    font-family: Tahoma;
    font-size: 12pt;
    color: #FFFFFF;
    font-weight:bold;
}

.itemHeader
{
	font-family: Tahoma;
    font-size: 12pt;
    color: #FFFFFF;
    font-weight:bold;
}

input
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #000000;
}
table.main
{
      background-image: url(Img/main/bodyLightBg.jpg); 
      background-repeat:repeat;
      
}
.cream
{
       background-image: url(Img/main/cream.jpg); 
      background-repeat:repeat;
      
}

div.wrapper
{
     padding-top: 5px; 
     padding-bottom:5px;
}
  
.subMenu
	{
		BORDER-RIGHT: black thin solid; 
		BORDER-TOP: black thin solid; 
		BORDER-LEFT: black thin solid; 
		BORDER-BOTTOM: black thin solid;
		background-image: url(Img/main/bodyLightBg.jpg); 
        background-repeat:repeat;
        color:White;
        font-family: Tahoma;
        font-size: 10pt;
        font-weight:bold;
        text-align: left;
        cursor:pointer;
	}
iframe.skm {position:absolute;top:0px;left:0px;display:none;}

td.skmcur{cursor:hand;}

.skmsubmenu 
{
    text-align : left; 
    border : solid 1px #FFFFFF;
    color:White;
    background-image: url(Img/main/bodyLightBg.jpg); 
    cursor:pointer; 
    z-index:auto;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight:bold; 
    width : 175px;
    line-height:20px;
    vertical-align:middle;
}
.adminMenu 
{
    text-align : left; 
    color:White;
    cursor:pointer; 
    z-index:auto;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight:bold; 
    line-height:20px;
    padding-left:10px;
}
.skmSelMenuItem{background-color:YellowGreen;} 

.items A:link {text-decoration: none;color:YellowGreen;}
.items A:visited {text-decoration: none;color:YellowGreen;}
.items A:active {text-decoration: none;color:YellowGreen;}
.items A:hover {text-decoration: underline; color: #FFFFFF;}

.letters A:link {text-decoration: none;color:#FFFFFF;}
.letters A:visited {text-decoration: none;color:#FFFFFF;}
.letters A:active {text-decoration: none;color:#FFFFFF;}
.letters A:hover {text-decoration: underline; color:YellowGreen;}
.plain {font-family: Tahoma;
    font-size: 10pt;
    font-weight:bold; color:White;}

.admin A:link {text-decoration: none;color:#FFFFFF;}
.admin A:visited {text-decoration: none;color:#FFFFFF;}
.admin A:active {text-decoration: none;color:#FFFFFF;}
.admin A:hover {text-decoration: underline; color:Red;}

.print
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #000000;
}
.printHead
{
    font-family: Tahoma;
    font-size: 15pt;
    color: #000000; 
    text-decoration:underline;
}

.thumb
{
	padding-left:5px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.thumbnail{
    height: 100px;
    width: 130px;
    cursor: hand;
} 
.imgpopup      
{
	padding:5px;
    width: 500px;
    height:500px;
}   

.mainRow
{
    background-image: url(Img/main/bodyLightBg.jpg); 
    background-repeat:repeat;
    font-family: Tahoma;
    font-size: 10pt;
    color: #FFFFFF;
} 
.altRow
{
    background-image: url(Img/main/bodyLightBg.jpg); 
    background-repeat:repeat;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight:bold;
}        

.gallery
{
	width: 100%;
	background-image: url(Img/main/bodyLightBg.jpg); 
    background-repeat:repeat;
	padding:5px;
}
.gallery ul
{
	list-style: none;
	background-image: url(Img/main/bodyLightBg.jpg); 
    background-repeat:repeat;
	margin:0px;
	padding:0px;
}
.gallery ul li
{
	margin: 5px;
	display: inline;
}
.gallery ul img
{
	padding: 10px;
	margin: 5px;
	border: 1px solid #333;
	background-image: url(Img/main/bodyLightBg.jpg); 
    background-repeat:repeat;
}
.gallery ul a:hover img
{
	padding: 10px;
	margin: 5px;
	border: 1px solid #666;
	background-image: url(Img/main/bodyLightBg.jpg); 
    background-repeat:repeat;
}
.gallery ul a:hover
{
	color: #fff;
}