/* CSS Document */

/*PAGE LAYOUT*/
body {
    background: transparent url('../Images/BackGrounds/bg.png');
    background-repeat:repeat-x; 
    margin: 15px 0px 15px 0px;/*top,right,bottom,left*/
}
.bodycss {
   
   
    margin: 15px 0px 15px 0px;/*top,right,bottom,left*/
}
#toppage{
	width:800px;
}
#date{
	float:left; width:190px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
}
#topbar{
	float:left; 
	width:645px; 
	height:30px; 
	background-image:url(bg_topbar.gif);
	background-color:#CBC55C;
	background-repeat:repeat-y;
	border-right:solid 1px #999999;
	color:White;
}
#header{
	width:800px;
}
#content{
	width:800px;
}
#contenttext{
	float:left; width:608px; 
	background-color:#F7F7F7; 
	border-left:solid 1px #999999; border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC; 
	min-height:360px;
}
#logo{
	float:left; width:190px; height:110px; background-color:#F7F7F7; border-left:solid 1px #999999;
}
#pagetitle{
	position:relative; float:left; width:608px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999999;
}
#title{
	position:absolute; right:10px; bottom:0px; width:600px;
}
#menu{
	float:right; width:200px; margin:0px;
}
#footer{
	width:590px; padding-right:10px; padding-left:200px;
}

/*GRAY PANEL*/
.menubackground {
    background: transparent url('../Images/Backgrounds/imgPanelBGYellowGrad.gif');
    background-repeat:repeat-x; 
}
.linksbackground {
    background: transparent url('../Images/Backgrounds/imgPanelBGGreyGrad.gif');
    background-repeat:repeat-x; 
}
.panel{
	padding:12px;
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
	margin:10px;
	padding:10px;
	width:550px;
	height:160px;
}

/*TEXT STYLES*/
.bordertop
{
	border-top-style:dotted;
	border-top-color:Gray;
	border-top-width:thin;
}
.borderbottom
{
	border-bottom-style:dotted;
	border-bottom-color:Gray;
	border-bottom-width:thin;
}
.borderleft
{
	border-left-style:dotted;
	border-left-color:Gray;
	border-left-width:thin;
}
.borderright
{
	border-right-style:dotted;
	border-right-color:Gray;
	border-right-width:thin;
}
.bordertop
{
	border-top-style:dotted;
	border-top-color:Gray;
	border-top-width:thin;
}
.labellinks_vline
{
	font-weight:bold; 
	font-size:x-large;
	font: 0.7em Tahoma, sans-serif;
	color: White;
}
.labellinks_text
{
	font-weight:bold; 
	font-size:medium;
	font: Calibri;
	color: Aqua;
}
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	color:White;
}
.bodytexttemp {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}
.bodylefttexttemp 
{
	font-size:18px;
	color:Green;
	font: Tahoma, sans-serif;
	font-weight:bold;
}
.bodyrighttexttemp 
{
	font-size:14px;
	color:Black;
	font: Calibri;
	font-weight:bold;
}
.boldtext 
{
	font-weight:bold;
	color:White;
}
.sitemaptext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.greentext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:White;
}
.maroontext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:maroon;
}
.bannertext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 23px;
	font-weight:bold;
	color:maroon;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color: White;
}
.mastertitletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: White;
	background-color:Black;	
}
.masterheader {
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:Black;
	border-width:1px;
	border-style:solid;
	border-color:Yellow;
}
.masterheaderbottom {
	font: 0.7em Tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:Black;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:Yellow;
}
.mastertableborder 
{
	border-width:thin;
	border-style:solid;
	border-color:yellow;
	width:98%;
}
.footerstyle {
	font: 0.7em Tahoma, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-color:Black;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:Yellow;
	color:White;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
}
.yellowtitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:Yellow;
}
.headertext2 {
	font:Calibri;
	font-size:14px;
	color:#abc578;
	font-weight:bold;
}
#linksmenu a{
	float:right; 
	width:200px; 
	height:20px; 
	/*background-color:#ABC578; */
	background-color:Black; 
	border-bottom:solid 1px #FFFFFF;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: Yellow;
	text-decoration:none;
	padding-top:2px;
}
#linksmenu a:hover{
	background-color:#514F1C;
}

.imageRow {
	width: 80%; /*width of all of your images plus the margins/padding you use*/
	background: url(~/Images/filmstrip.jpg) 0 0 repeat-x;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border:1 ;
	border-color:Yellow
	
}
.photoviewTitle
{
	font-weight:bold; 
	font-size:x-large;
	font: 0.9em Tahoma, sans-serif;
	color: Yellow;
}
.dataListItemStyle
{
	width:80px;
	
	margin: 2px 2px 2px 2px;
                background-image:url(~/Images/filmstrip.jpg);                
                background-repeat:repeat-x;
                
                font-size:small;
                font-weight:normal;
	padding-top:34px;
	border:solid 2px Yellow;
	z-index:99999;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 50px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 40px;
}
ul.thumb li img {
	width: 100px; height: 50px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: Black;
    background-color:Yellow; /*#2E4d7B;*/
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align:left;
    
}

.accordionHeader a
{
	color: Navy;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: Black;
    background-color: Yellow;
	font-family: Tahoma, Arial, Sans-Serif;
	
	font-size: 11px;
	font-weight: bold;
	
    padding: 5px;
    margin-top: 5px;
    text-align:left;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionContent
{
	 border: 1px solid Black;
    color: White;
    background-color: Black;
	font-family: Tahoma, Arial, Sans-Serif;
	
	font-size: 11px;
	font-weight: bold;
	
    padding: 5px;
    margin-top: 5px;
    text-align:left;
    cursor: pointer;
    width:600PX;
}
.rightHeader
{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align:right;
}
.tablecontent
{
	text-align:left;
}
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
    z-index:4000;
}

.HellowWorldPopup
{
background-color:White;
border-width:1px;
border-style:solid;
border-color:Black;
padding:3px;
z-index:4000;

}
.tblcss 
{
	border:1;
	border-color:Yellow;
	border-top:1,,Yellow;
	border-bottom:1,,Yellow
}
.photoviewtdtitle
{
background-color:Silver;
font: 0.8em Tahoma, sans-serif;
	font-size: 12px;
	text-align:center;
	color:Black;
	border:1,black;

}
.PhotoviewTable
{
	border:1;
	border-color:Black;
	border-style:outset;
	width:150px
}
.PhotoViewtdData
{
	font-size:large;
	font-family:Tahoma, sans-serif;
	color:Black;
	font-weight:normal;
	
}
.PhotoViewtdDataHeighlet
{
	font-size:xx-large;
	font-family:Arial;
	color:Red;
	
}