﻿/*General HTML elements*/
body 
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
    padding: 0px; 
    margin: 0px;
    height:100%;
    cursor: default;
}

a
{
	color: blue;
    cursor: pointer;
}  

A:hover
{
	color: red;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-weight: bold;
	font-size: 22px;
	text-decoration: underline;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-weight: bold;
	font-size: 17px;
}

input.button
{
	border: 1px Solid #507CD1;
	padding: 0px;
	margin: 0px;
	background-color: #F0F8FF;
	font-family: Arial, Sans-Serif;
	color: #284E98;
	font-size: 10px;
	cursor: pointer;
}
input.button:hover
{
	color: red;
}

input.buttonTop
{
	border: 1px Solid #800000;
	padding: 0px;
	margin: 0px;
    background-color: #f3e3b0;
	font-family: Arial, Sans-Serif;
	color: #800000;
	font-size:10px;
	cursor: pointer;
}
input.buttonTop:hover
{
	color: red;
}


table
{
	padding: 0px; 
    margin: 0px;
}

td
{
	vertical-align:top;
}

p
{
	margin: 0px;
} 

.Error
{
	border: 1px solid Red;
	background-color: #FFCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
}

.Info
{
	border: 1px dotted green;
	background-color: #CCFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #008000;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.MainContent
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/background.jpg);
	padding: 5px 5px 5px 5px;
}
.upcontent
{
	background-color: white;
	width: 100%;
}

.upcontentBackground
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/background.jpg);
}

.Cursor_Hand
{
	cursor: pointer;
}

/* Paging */
.Page_Top_Background
{
	background-image: url(http://www.signs-and-wonders.org/system/images/background.jpg); 
	background-repeat: repeat; 
	height: 28px
}

.Page_Line_Div
{
	border-width: 0px;
	height: 28px;
	border-spacing: 0px;
}

.Page_Bottom_Line_Div
{
	border-width: 0px;
	height: 28px;
	border-spacing: 0px;
}

.Pages_Beg
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Beg.png);
	width:54px;
	height:28px;
	cursor: pointer;
}

.Pages_Beg_Sel
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Beg_Sel.png);
	width:74px;
	height:28px;
}

.Pages_End
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_End.png);
	width:55px;
	height:28px;
	cursor: pointer;
}

.Pages_End_Sel
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_End_Sel.png);
	width:74px;
	height:28px;
}

.Pages_Mid_Left
{
	background-repeat: repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Mid_Left.png);
	width:54px;
	height:28px;
	cursor: pointer;
}

.Pages_Mid_Right
{
	background-repeat: no-repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Mid_Right.png);
	width:54px;
	height:28px;
	cursor: pointer;
}

.Pages_Mid_Sel
{
	background-repeat: no-repeat;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Mid_Sel.png);
	width:74px;
	height:28px;
}

.Pages_End_Line
{
	background-repeat: repeat-x;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Line.png);
	height: 28px;
	width:100%;
}

.Pages_Bottom_Middle_Line
{
	background-repeat: repeat-x;
	background-image: url(http://www.signs-and-wonders.org/system/images/Pages_Bottom_Line.png);
	height: 28px;
	width:100%;
}
/*site map path*/
.SiteMapPath_Td
{
	background-image: url(http://www.signs-and-wonders.org/system/images/PathMappingbackground.jpg); 
	background-repeat: repeat-x; 
	height: 24px
}

.SiteMapPath_TdMiddle
{
	background-image: url(http://www.signs-and-wonders.org/system/images/background.jpg); 
	background-repeat: repeat-x; 
	height: 24px
}

.SiteMapPath_End
{
	border: 1px dotted #507CD1;
	background-color: #F0F8FF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #284E98;
}

.SiteMapPath_Mid
{
	font-weight: bolder;
}
/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* boxes */
/* boxes */
.transbox
{
	margin:7px 7px 7px 7px;
	width: 100%;
	border: 0px;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2; 
	-khtml-opacity: 0.2;
}
.transbox * 
{
 	filter: alpha(opacity=100);
	opacity: 1.0; 
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}

.plBoxBottom
{
	background-position: bottom right; 
	background-repeat: no-repeat; 
	width: 100%;
}

.plBoxInside
{
	position: relative;
 	filter: alpha(opacity=100);
	opacity: 1.0; 
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}

.plBoxInsideMoz
{
	margin: 7px 7px 7px 7px;
	width: 100%;
	border: 0px 0px 0px 0px;
	background-repeat: repeat;
}

/*HTML Editor */

.HTMLEditorBtnDown
{
	background-color: #D3DEEF;
	border-style: inset;
	height: 24px;
}

.HTMLEditorBtnDownOver
{
	background-color: #99ccff;
	border-style: inset;
	height: 24px;
}


.HTMLEditorBtnDisabled
{
	background-color: gray;
	height: 24px;
}

.HTMLEditorBtnNormal
{
	background-color: #D3DEEF;
	border-style: outset;
	height: 24px;
}

.HTMLEditorBtnNormalOver
{
    background-color: #99ccff;
	border-style: outset;
	height: 24px;
}

/* Banner */
.BannerTable
{
	height: 100px
}

.BannerLeft
{
	background-image: url(images/Banner_Left.jpg); 
	background-repeat: repeat-x; 
	height: 100px
}

.BannerLeftMobile
{
	background-image: url(images/Banner_Left_Mobile.jpg); 
	background-repeat: repeat-x; 
	height: 25px
}

.BannerCenter
{
	width: 596px; 
	height: 100px; 
	background-image: url(images/Banner_Center.jpg); 
	background-repeat: no-repeat;
}

.BannerCenterMobile
{
	width: 149px; 
	height: 25px; 
	background-image: url(images/Banner_Center_Mobile.jpg); 
	background-repeat: no-repeat;
}

.BannerRight
{
	background-image: url(images/Banner_Right.jpg); 
	background-repeat: repeat-x; 
	height: 100px
}

.BannerRightMobile
{
	background-image: url(images/Banner_Right_Mobile.jpg); 
	background-repeat: repeat-x; 
	height: 25px
}
/* Accordion */
.MenuTopLeft
{
	width: 250px; 
	height: 8px; 
	background-image: url(images/Menu_Top.png); 
	background-repeat: no-repeat;
}

.MenuContentLeft
{
	background-image: url(images/Menu_Content.png); 
	background-repeat: no-repeat;
}
.MenuBottomLeft
{
	width: 250px; 
	height: 8px; 
	background-image: url(images/Menu_Top.png); 
	background-repeat: no-repeat;
}
.accordionHeader
{
	color: black;
    background-color: #f3e3b0;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	cursor: pointer;
	height: 21px;
	background-image: url(images/Menu_Item_Down.png);
	background-repeat: no-repeat;
	text-align:center;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    color: red;
    background-color: #f3e3b0;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	cursor: pointer;
	height: 21px;
	background-image: url(images/Menu_Item_Up.png);
	background-repeat: no-repeat;
	text-align:center;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-image: url(images/Menu_Content.png);
	background-repeat: no-repeat;
    border-top: none;
    padding: 10px;
}

/*modal popup */
.modalBackground
{
    background-color: #CC9900;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:750px;
}
