﻿* { padding: 0; margin: 0; }

body { font-size: 12px; font-family: Verdana, Arial, Sans-Serif; color: #191919; background-color: #f3f3f3; }

    .wrapper { width: 100%; }

    .box-top { height: 7px; width: 950px; line-height: 0; font-size: 0; background: url(../img/sprites/border-sprites.png) no-repeat 0 0; }
    .box-middle { width: 936px; border: 2px solid #a7e0eb; border-width: 0 2px 0 2px; padding: 5px; background-color: #fff; }
    .box-bottom { height: 7px; width: 950px; line-height: 0; font-size: 0; background: url(../img/sprites/border-sprites.png) no-repeat 0 -12px; }

    .header { padding: 15px; background-color: #043055; border-bottom: 1px solid #2a7ead; color: #b9d4d9; }
    .header span { padding-right: 25px; }
    
        a.header-link:link, a.header-link:visited { color: #b9d4d9; }
        a.header-link:hover, a.header-link:active { color: #8eb6bd; text-decoration: none; font-weight: normal; }
   
    .content { height: 100%; }
    .content-bg { position: relative;  background: url(../img/bg.gif) repeat-x; }
    .content-clouds { width: 100%;  background: url(../img/clouds.png) top right no-repeat; }
    
		.download-box { border: 1px solid #c5c5c5; background-color: #e0e0e0; padding: 10px; color: #595959;  }
		.download-box span { font-weight: bold; }
	
        .map-nav { margin: 0 0 0 0; padding: 0 10px 0 10px; text-align: right; }
        /*.map-nav span { padding: 0 8px 0 8px; }*/
    
		#prayer-dialog { width: 400px; display: none; }

		.prayer-map-list { width: 48%; padding: 5px; border: 1px solid #a7e0eb; background-color: #f0fdff; color: #1a6892; }
		.prayer-map-list ul { padding: 5px 0 0 30px; }

		.subcontent { width: 910px; margin: 10px auto 0px auto; }
        .prayer-list { width: 610px;  padding: 5px; border: 2px solid #a7e0eb; background-color: #fff; line-height: 25px; }
        .prayer-list p { line-height: 18px; border-bottom: 1px solid #f3f3f3; padding: 15px 5px 15px 5px; }
		.prayer-list p span { color: #848484; }
	
		.prayer-date-stamp { padding: 30px 0 0 0; font-size: 18px; font-weight: bold; color: #595959; }

		.alert-errors { color: #ff0000; padding: 0 0 0 20px; line-height: 20px; }

		.instructions-box { border: 2px solid #f8e015; background-color: #fdf082; padding: 5px; }
		.instructions-box-title { padding: 2px 0 3px 2px; border-bottom: 2px solid #f8e015; color: #6c620b; font-weight: bold; }
		.instructions-box-content { padding: 3px 2px 0 2px; line-height: 18px; color: #6c620b; }
		
			a.instructions { outline: none; }
			a.instructions:link, a.instructions:visited { color: #6c620b; text-decoration: underline; font-weight: normal; }
			a.instructions:hover, a.instructions:active { color: #9d9129; text-decoration: none; font-weight: normal; }

		.twitter-feed { padding: 5px; border: 2px solid #a7e0eb; background-color: #fff; line-height: 18px; }
		.twitter-title, .prayer-title { padding: 2px 0 3px 2px; border-bottom: 2px solid #a7e0eb; font-weight: bold; color: #043055; }
		.twitter-feed-follow { padding: 8px 0 0 0; }
		.twitter-feed-list { list-style-type: none; }
		.twitter-feed-list li {word-wrap: break-word; padding: 5px 0 5px 0; border-bottom: 1px solid #f3f3f3; line-height: 20px; }
		.twitter-feed-follow { padding: 5px 5px 0 0; text-align: right; }
		.twitter-feed-date { text-align: right; font-size: 11px; color: #2a79a3; } 


    .footer { padding: 5px 0 20px 0; background-color: #e0e0e0; border-top: 5px solid #c5c5c5; line-height: 18px; color: #595959; }
    .footer-contact { width: 50%; padding: 5px 10px 10px 10px; }
    .footer-nav { width: 46%; padding: 5px 10px 10px 10px; text-align: right; }
    .footer-nav span { padding: 0 8px 0 8px; } 

	.copyright { padding: 10px 0 15px 0; text-align: center; color: #989797; }
	.copyright a:link, .copywrite a:visited { color: #818080; }

    a { outline: none; }
    a:link, a:visited { color: #002D62; text-decoration: underline; font-weight: normal; }
    a:hover, a:active { color: #5789c5; text-decoration: none; font-weight: normal; }

	a.button-blue, a.button-blue:link, a.button-blue:visited { margin: 0 0 0 2px; padding:7px 0px 0px 8px; background: url(../img/sprites/buttons-large.png) no-repeat left 0; text-decoration: none; text-align: center; line-height: 17px; display:inline-block; color: #2a79a3; cursor: pointer; }
	a.button-blue:active, a.button-blue:hover { background: url(../img/sprites/buttons-large.png) no-repeat left -37px; color: #2a79a3; }
	a.button-blue span, a.button-blue:link span, a.button-blue:visited span { margin: -7px -3px 0 0; padding: 7px 12px 8px 4px; background: url(../img/sprites/buttons-large.png) no-repeat right 0; display:inline-block; font-weight: bold; }
	a.button-blue:active span, a.button-blue:hover span { background: url(../img/sprites/buttons-large.png) no-repeat right -37px; }



    .buttons { margin: 3px 0 0 0; padding: 0 0 3px 24px; background: url(../img/sprites/buttons.gif) 0 0 no-repeat; cursor: pointer; }
    a.buttons:link, a.buttons:visited { color: #002D62; text-decoration: none; font-weight: normal; }
    a.buttons:hover, a.buttons:active { color: #5789c5; text-decoration: none; font-weight: normal; }

	    .add { background: url(../img/sprites/buttons.gif) 0 0 no-repeat !important; }
	    .edit { background: url(../img/sprites/buttons.gif) 0 -32px no-repeat !important; }
	    .x { background: url(../img/sprites/buttons.gif) 0 -64px no-repeat !important; }
	    .move { background: url(../img/sprites/buttons.gif) 0 -96px no-repeat !important; }
	    .up { background: url(../img/sprites/buttons.gif) 0 -128px no-repeat !important; }
	    .comment { background: url(../img/sprites/buttons.gif) 0 -160px no-repeat !important; }
	    .print { background: url(../img/sprites/buttons.gif) 0 -192px no-repeat !important; }
	    .check { background: url(../img/sprites/buttons.gif) 0 -224px no-repeat !important; }
	    .help { background: url(../img/sprites/buttons.gif) 0 -256px no-repeat !important; }
	    .help_red { background: url(../img/sprites/buttons.gif) 0 -288px no-repeat !important; }
	    .exclamation_red { background: url(../img/sprites/buttons.gif) 0 -320px no-repeat !important; }
	    .graph { background: url(../img/sprites/buttons.gif) 0 -352px no-repeat !important; }
	    .map { background: url(../img/sprites/buttons.gif) 0 -384px no-repeat !important; }
	    .attachment { background: url(../img/sprites/buttons.gif) 0 -416px no-repeat !important; }
	    .cog { background: url(../img/sprites/buttons.gif) 0 -448px no-repeat !important; }
	    .calendar { background: url(../img/sprites/buttons.gif) 0 -480px no-repeat !important; }
	    .close { padding: 0 0 3px 18px; background: url(../img/sprites/buttons.gif) 0 -512px no-repeat !important; }
	    .holder { background: url(../img/sprites/buttons.gif) 0 -544px no-repeat !important; }

    #lights-overlay { position: absolute; top: 0; left: 0; z-index: 2000; width: 100%; height: 500px; } 
    #lights-container { position: absolute; top: 0;	left: 0; width: 100%; z-index: 2100; text-align: left; } 

    .popup-container { position: absolute; top: 0; left: 0; z-index: 2200; text-align: left; }
    .popup-container .popup { position: relative;}
    .popup-container .b { background:url(../img/sprites/b.png); } 
    .popup-container .tl { background: url(../img/sprites/corners.png) 0 0 no-repeat; } 
    .popup-container .tr { background: url(../img/sprites/corners.png) 0 -26px no-repeat; } 
    .popup-container .br { background: url(../img/sprites/corners.png) 0 -52px no-repeat; } 
    .popup-container .bl { background: url(../img/sprites/corners.png) 0 -78px no-repeat; } 
    .popup-container .tl, .popup-container .tr, .popup-container .bl, .popup-container .br { height: 10px; width: 10px; padding: 0; overflow: hidden; }
    .popup-container table { border-collapse: collapse;}
    .popup-container td { padding: 0; border-bottom: 0; }
    .popup-container .body { width: 370px; padding: 10px; background: #fff; }
    .popup-container img { border: 0; margin: 0;}
    .popup-container .dialog-footer { margin-top: 10px; padding-top: 5px; border-top: 1px solid #e2e1dd; text-align: right;}
    .popup-container .dialog-footer a { padding-right: 15px; text-decoration: none; }
    .popup-container .dialog-footer .column_1 { float: left; width: 25%; text-align: left; }
    .popup-container .dialog-footer .column_2 { float: right; width: 70%; }

        .dialog_title { padding: 0 0 3px 0; border-bottom: 1px solid #191919; font-weight: bold; }
        .dialog_title span { font-size: 14px; font-weight: bold; background-color: #fff; }
        .dialog_title span.subtitle { font-size: 12px; }
        .dialog_title a { font-size: 11px; padding-right: 7px; }
        
        .dialog_content { padding: 3px 0 3px 0; }

        .dialog_row_1 { padding: 5px 10px 5px 15px; background-color: #d1d0ce; }
        .dialog_row_2 { padding: 5px 10px 5px 15px; background-color: #e9e8e5; }
        

        /*.fix_divs div { height: 40px; padding-top: 3px }*/

        .add-customer-text { float: left; width: 125px; line-height: 35px; text-align: left; border: 0px solid red; }
        .add-customer-input { float: right; width: 192px;  line-height: 35px; text-align: right; border: 0px solid red; }

        #billing-address, #shipping-address { padding: 4px 0 0 4px; line-height: 20px; }

        .lookup { list-style-type: none; padding: 0; margin: 0; }
        .lookup li { float: left; height: 22px; line-height: 22px; cursor: pointer; overflow: hidden; }

        .remove { text-align: center; }


    #navigation a, #navigation span { padding-right: 10px; font-size: 11px; font-weight: normal; border: 1px solid red; }
    #navigation span { color: #919191; border: 1px solid red; }


.PageMsg { margin: 2px 0 5px 0; padding: 4px; border: 1px solid #000; background-color: #fff; font-weight: bold; text-align: left; display: none; cursor: pointer; }
.PageMsg img { cursor: pointer; }
.PageMsgGreen  { border: 1px solid #3fa21d; background-color: #cdf6bf; color: #3fa21d; display: block; }
.PageMsgRed	   { border: 1px solid #ff0000; background-color: #fddede; color: #ff0000; display: block; }
.PageMsgYellow { border: 1px solid #ffc726; background-color: #ffedbb; color: #000; display: block; }
.PageMsg ul { padding: 2px 2px 2px 15px; margin: 0; list-style-type: square; }

    .MsgBox { padding: 15px 0 15px 0; border: 1px solid #d1d0ce; background-color: #e9e8e5; text-align: center; }
    .MsgBox_2 { padding: 15px 0 15px 0; border: 1px solid #c7d5e2; background-color: #fff; text-align: center; }

    .left { float: left; }
    .right { float: right; }
    .clr { clear: both; } 