﻿body, div, p
{
    font-family:Arial;
    font-size:12px;
    color:#646464;
}

.footer 
{
    font-family:Arial;
    font-size:11px;
    color:#646464;
}

a:link, a:visited, a:active
{
    color:#5688AC;
    text-decoration:none;
}

a:hover, a:visited:hover
{
    color:#5688AC;
    text-decoration: underline;
}

.searchTextbox
{
    color:#646464;
}

.heading_18
{
    font-size:18px;
    font-weight:bold;  
    color:#5688AC;  
}

.heading
{
    font-weight:bold;  
    color:#5688AC;  
}

.heading_3
{
    font-size:15px;
    font-weight:bold;  
    color:#5688AC;  
}

ul
{
    list-style-type:square;
    list-style-image:url('/images/blue_bullet.gif');
}

hr
{
    height:1px;
    color:#5688AC;
}

.inline
{
    border:solid 1px silver; background:#ffffff; width:545px; 
    height:150px; overflow:auto;
	scrollbar-face-color:#C3D3FD; 
	scrollbar-shadow-color:#C6C3C6; 
	scrollbar-highlight-color:#C6C3C6; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-track-color:#FDFDFA; 
	scrollbar-arrow-color:#666266;
	padding:5px;
}

#container
{
    margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center 
	border: 1px solid #5688ac;*/
	width: 560px;
}

.span_header
{
    background-color: #5688AC;
    color:#FFFFFF;
    padding:3px;
}

.search_box
{
    border-collapse:collapse;
    border-style:solid;
    border-color:#9A9A9A;
    border-width:1px;
    background-color:#F0F0F0;
    width:125px;
    padding:5px;   
}

.pods
{
    margin: 0 auto; 
    width:190px; 
    padding:15px; 
    text-align:left; 
    background-color:#D0E5EA;
}


/* ROUNDED CORNERS */
.roundedcornr_box
{
   background: #d0e5ea;
}

.roundedcornr_top div 
{
   background: url(/images/tl_corner.png) no-repeat top left;
}

.roundedcornr_top
{
   background: url(/images/tr_corner.png) no-repeat top right;
}

.roundedcornr_bottom div
{
   background: url(/images/bl_corner.png) no-repeat bottom left;
}

.roundedcornr_bottom
{
   background: url(/images/br_corner.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom
{
   height: 15px;
   font-size: 1px;
}

.roundedcornr_content
{ 
	margin: 0 15px;
}
/* END ROUNDED CORNERS */
    

/* TAB CSS */
.shadetabs
{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li
{
    display: inline;
    margin: 0;
}

.shadetabs li a
{
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #778;
    color: #5688AC;
    background: white url(shade.gif) top left repeat-x;
}

/*.shadetabs li a:visited
{
    color: #5688AC;
}*/

.shadetabs li a:hover
{
    text-decoration: underline;
}

.shadetabs li.selected
{
    position: relative;
    top: 1px;
}

.shadetabs li.selected a
{ /*selected main tab style 
    background-image: url(shadeactive.gif);*/
    background-color: #5688AC;
    color: #FFFFFF;
    border-bottom-color: white;
}

.shadetabs li.selected a:hover
{ /*selected main tab style */
    text-decoration: none;
}

.tabcontentstyle
{ /*style of tab content oontainer*/
    border: 1px solid gray;
    width: 450px;
    margin-bottom: 1em;
    padding: 10px;
    height:350px; overflow:auto;
	scrollbar-face-color:#C3D3FD; 
	scrollbar-shadow-color:#C6C3C6; 
	scrollbar-highlight-color:#C6C3C6; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-track-color:#FDFDFA; 
	scrollbar-arrow-color:#666266;
}

.tabcontent
{
    display:none;
}

@media print 
{
    .tabcontent 
    {
        display:block!important;
    }
}

.popup
{
   position:absolute; left:0; top:0; width:132;
   border-style:solid;
   border-width:4;
   border-color:blue;
   background-color:yellow;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:2;
   visibility:hidden;
}

.parish_council_accordion_header
{
    background-color:#d6e7ef;
    max-width:315px;
    font-size:15px;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
}

.parish_council_next_meeting
{
    color:#5688AC;
    font-size:12px;
    text-align:right;
}

.parish_council_grid_view
{  
    width:450px;
    text-align:center;
}

.parish_council_grid_view th
{
    background-color:#d6e7ef
}

.parish_council_grid_view tr
{
    padding-top:4px;
    padding-bottom:4px;
}

.parish_council_grid_view tr:hover
{
    background-color:#E7E4DA; 
}

.parish_council_contact_panel
{
    padding-left:17px;
    padding-right:17px;
}

.commissionsLeftColumn
{
    width:150px; 
    float:left; 
 }

.commissionRightColumn
{
    width:150px; 
    float:left;
    margin-left:50px;
}

.psrFamilyPackets
{
    background-color:#f5faff; 
    width:220px; 
    height:130px; 
    float:left; 
    margin-top:22px;
    border-style:solid; 
    border-color:#cedff2; 
    border-width:1px;
}

.psrFamilyPacketsHeader
{
    border-style:solid; 
    border-width:1px; 
    border-color:#cedff2; 
    background-color:#cedff2; 
    width:220px;
    height:12px; 
    text-align:center; 
    padding-top:4px; 
    padding-bottom:4px;
}

.psrNewsAndInformation
{
    background-color:#f5faff; 
    width:220px; 
    height:130px;
    margin-left:250px; 
    margin-top:22px;
    border-style:solid;
    border-color:#cedff2; 
    border-width:1px;
}

.psrNewsAndInformationHeader
{
    border-style:solid;
    border-width:1px; 
    border-color:#cedff2;
    background-color:#cedff2;
    width:218px;
    text-align:center; 
    padding-top:4px;
    padding-bottom:4px;
    height:12px;
}

/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}


/* END TAB CSS */