﻿body
{
	background-color: #000000;
	text-align: center;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-family:Tahoma, Arial, sans-serif;
	line-height: 1.3em;
	color: #444;
}

img {
	border:0;
	}
a:visited, a:active, a:link {
	text-decoration: none;
	color: #444;
	
}
a
{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

a:hover
{
	text-decoration: underline;	
}

a.plain
{
	text-decoration: none;
	cursor: pointer;
}

a.plain:hover
{
	text-decoration: none;
}

img
{
	border-style: none;	
}

h1 
{
	font-family:Georgia,'Times New Roman', serif;
	margin: 0;
	font-size: 2em;
	color:#ED1B24;	
	padding-bottom:10px;
	padding-top:10px;
}
h1 a:visited, h1 a:active, h1 a:link {
		color:#ED1B24;	

}
h1 a:hover {
	text-decoration: none;
}
h2 {
	margin-top: 1.5em;
	font-size: 1.5em;
}
h3 {
	font-size: 1.3em;
}
h4 
{
	font-family:Georgia,'Times New Roman', serif;
	font-size: 1.2em; 
	margin:auto; text-align:center;
}
h5 {
	font-size: 1.1em;
	margin:auto; text-align:center;
}
h4 a, .links{text-decoration: underline;	}
p {
	margin: 1em 0;
}
label 
{
	font-weight:bold;
}
fieldset{border:0;}
legend
{
	display:none;
}

td a {text-decoration:underline;}
td {text-align:left;}
table{background-color:#fff; border:solid 2px #b2b2b2;}

caption {
  padding: 20px 0 5px;
  margin: 0;
  font: normal bold 1.35em Arial, Helvetica, sans-serif;
  text-align: left;
  color: Black;
}

.bold { font-weight: bold; }
td+td { font-weight: bold; } /* Mozilla only supports W3C defined properties for <col> */
em {
  color: Gray;
  font-style: italic;
}


#divBaseContainer
{
	width: 1000px;
	background: #D0D0D0 url('/images/gradientgraybg.gif') repeat-x top left;
	padding: 20px 20px 20px 20px;
	display:block;
	background: #B2B2B2 url('images/gradientgraybg.gif') repeat-x top left;
	margin-right:10px;
	margin-left:10px;
}


#divPopupContainer
{
	width: 600px;
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
}

#divSubText
{
	width: 940px;
	text-align: left;
}

.menuLayout
{
	width: 210px; 
	text-align: center; 
	background-color: #FFFFFF;
}

.mainLayout
{
	width: 750px; 
	text-align: center; 
	background-color: #FFFFFF; 
	padding: 20px 20px 20px 20px; 
	vertical-align: top;
	text-align: left; 
	background-color: #FFFFFF; 
	margin-top:10px;
	margin-left:10px;
	vertical-align: top;
	float:left;
}



/* links */
a
{

	text-decoration: none;	
}

a:hover
{
	text-decoration: underline;	
}
/* fonts */
.font10
{
	font-size: 10px;
}
.font11
{
	font-size: 11px;
}
.font12
{
	font-size: 12px;
}
.font14
{
	font-size: 14px;
}
.font16
{
	font-size: 16px;	
}
.font18
{
	font-size: 18px;
}
.font20
{
	font-size: 20px;
}
.font22
{
	font-size: 22px;
}
.font24
{
	font-size: 24px;
}
.font28
{
	font-size: 28px;
}
.font30
{
	font-size: 30px;
}
.font32
{
	font-size: 32px;
}
.font34
{
	font-size: 34px;
}
.fontbold
{
	font-weight: bold;
}

.fontlighter
{
	font-weight: lighter;	
}

/* light red */
.color1
{
	color: #F88D97;
}

/* red */
.color2
{
	color: #EE1F25;	
}

/* black */
.color3
{
	color: #040404;	
}

/* dark gray */
.color4
{
	color: #444;
}
/* this is the red. */
.color5, .menuTab a
{
	color:#ED1B24;
}
.bgcolor1
{
	background-color: #F2FEB5;
}

/* end fonts */

.redBorder
{
	border: solid 1px #F88D97;
}

.blackBorder
{
	border: solid 1px #000000;
}

.blackBorderThick
{
	border: solid 3px #000000;
}

.grayBorder
{
	border: solid 1px #9E9E94;
}

.grayBorderThick
{
	border: solid 3px #9E9E94;
}

.catPictureLayout
{
	height: 140px;
	width: 195px;
	text-align: center;
	vertical-align: middle;
}

.catInfoLayout
{
	padding-top: 12px; 
	padding-bottom: 30px; 
	text-align: left; 
	width: 195px;	
}



/* links */

.padding10px
{
	padding: 10px 10px 10px 10px;	
}

.padding10pxTopBottom
{
	padding: 10px 0px 10px 0px;	
}

.padding10pxBottom{
	padding: 0px 0px 10px 0px;	
}
.padding5px
{
	padding: 5px 5px 5px 5px;	
}

.padding5pxTopBottom
{
	padding: 5px 0px 5px 0px;	
}

.padding5pxBottom
{
	padding: 0px 0px 5px 0px;	
}

.padding3px
{
	padding: 3px 3px 3px 3px;	
}

.padding1px
{
	padding: 1px 1px 1px 1px;	
}

/* TabContainer style */
.picstyle .ajax__tab_outer
{
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
.picstyle .ajax__tab_inner
{
	text-align: center;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.picstyle .ajax__tab_tab
{
	
}
.picstyle .ajax__tab_hover .ajax__tab_outer
{
	
}
.picstyle .ajax__tab_hover .ajax__tab_inner
{
	
}
.picstyle .ajax__tab_hover .ajax__tab_tab
{
	
}
.picstyle .ajax__tab_active .ajax__tab_outer
{
	
}
.picstyle .ajax__tab_active .ajax__tab_inner
{
	
}
.picstyle .ajax__tab_active .ajax__tab_tab
{
	
}
.picstyle .ajax__tab_body
{
	text-align: left;
	vertical-align: middle;
	padding: 5px 0px 0px 0px;
}
.picstyle .ajax__tab_header
{
	text-align: left;
	background-color: #F9F7EB;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	height: auto;
}
/* ------------------ */

.displayThisBlock
{
	display: block;	
}

.displayThisInline
{
	display: inline;	
}

.hideThis
{
	display: none;	
}

.roomdisplay {width:700px; margin-left:0px; text-align:left; background: #fff; padding:5px;}
.roomdisplay ul{display:inline; width:100%; list-style:none;}
.roomdisplay ul li{}

.picture img
{
	border:solid 4px #040404;
	background:#fff;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	margin-left:0px;
	text-align:left;

}

.picture{ float:left; width:365px;height:250px;}
.bar{ float:left; padding-left:40px;height:250px;}

.detailpopupsurround
{
	
	width:270px;
	height:250px;
	padding-left:10px;
	background: #F9F7EB;
}

.links{padding:5px;}
.frmbutton, .scaffoldButton{font-size:1.1em; font-weight:bold; padding-bottom:3px; height:27px; border:solid 1px #040404; background-image:url('images/graybtnback.gif'); background-color:#424242; color:#fff;}
.browsebox{text-align:left; width:150px; float:right;}
.browsebox a {text-decoration:underline;}
.rightAlign{text-align:right;}

/*from admin css, needs to be the same in both projects*/
/* ADMIN  menu on master page*/
.silvermenu {margin-top:0px; margin-left:0px; padding-left:0px; width:210px;float:left;
             background:#fff; padding-bottom:0px;padding-top:0px;}
.adminmenu {margin-top:10px; margin-left:10px; padding-left:10px; width:175px;float:left;
             background:#fff; padding-bottom:25px;padding-top:25px;}
.adminlogo{text-align: center; padding-bottom:25px;}
.menuTab,.menuitm{text-align:left;margin-left:0;}
.menuTab a{font-size:1.1em; font-weight:bold;}
.menuitm a:hover,.menuTab a:hover
{
	display:block;
	background: #fff url('images/menuover.gif') repeat-y top left;
}
.adminmenu ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

/*layout of master page*/
.floatleft{float:left;}
.resetfloat{clear:both;}
.topbar{background-color: #040404;	height: 5px; width:100%; padding:0;}
.ontoptable, .admintable, .browsebox{ border:0; padding:5px; padding-top:0px; border:solid 2px #b2b2b2; background:#fff;}
.admintable h4 {background:#C20102 url(images/redbarback.gif) repeat-x; color:#ffffff;padding:1px; padding-top:3px;
                 height:24px;}
.deletebutton:hover{width:30px;height:29px;} 
.deletebutton:active, .deletebutton:focus{width:28px; height:27px;}                
.ontoptable {position:absolute; background:#d5f5f5; top:300px; width:500px; 
             border-bottom:solid 2px #999;
             border-left:solid 1px #999;
             border-top:solid 1px #B2B2B2;
             border-right:solid 2px #B2B2B2;
             z-index:100;}
.tablelabel{ background-color: #B2B2B2; color:#fff;}
.adminlabel{ clear:both; float:left; width:150px; text-align:right;}
.adminitem{ float:left; background-color: #ffffff; width:475px; text-align:left;}
.tableNavLink ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;	
	}

.tableNavLink{padding:5px; background-color: #B2B2B2;}
.tableNavLink a{font-size:1.1em; font-weight:bold; color:#fff;}
.tableNavLink li{ display:inline;}
.tableNavLink li a:hover
{
	color:#040404;
}

.links{padding:5px;}
.frmbutton, .scaffoldButton{font-size:1.1em; font-weight:bold; padding-bottom:3px; height:27px; border:solid 1px #040404; background-image:url('images/graybtnback.gif'); background-color:#424242; color:#fff;}
.browsebox{text-align:left; width:150px; float:right;}
.browsebox a {text-decoration:underline;}
.rightAlign{text-align:right;}
#bdadminhelp{z-index:10001;font-size:.9em;display:none; position:absolute; top:100px;left:600px; width:200px; height:400px; overflow-y:auto; 
              border:solid 1px #666; padding:5px 15px 5px 15px;background-color:#fff;
              }	            
#bdadminhelp_handle p{float:left;width:230px;}
#bdadminhelp_handle a{color:#000;text-decoration:underline;float:right;}
#bdadminhelp_body {clear:both;background-color:#D99C14;}
.floatright{float:right;}
#bdadminlink{text-decoration: underline;	}
