/* CSS Document */
/* default high level */

/* this file is mostly global font styling - avoids layout*/
/* local.css files should avoid fonts and just be layout */

/* that way class="globalfontstyle locallayoutstyle" will work and
not be over complicated */



/* em sizes:  

MainContent:    0.75em

gives 12px base

10px = 0.833em
11px = 0.917em
12px = 1em
13px = 1.083em
14px = 1.167em
15px = 1.25em
16px = 1.333em
17px = 1.417em

keep font sizes in this global file as much as possible

*/



html{
	font-size: 100%; /* cures IE em sizing bug */ 
} 

body 
{
	font-family: 	Verdana,Arial,Helvetica,sans-serif;
	margin:			0px 0px 0px 0px;
	color: 			#464646;
	height:			100%;
	text-align: center;
	background-color: #FFFFFF;
	background-image:url(../images-design/back.jpg);
	background-repeat:repeat;
	font-size:0.8em; 
	line-height:160%;
}

.BulletImage {
 position:relative;
 top:3px;
}


/* Outer Main */
.OuterMain 
{
	width:980px; 
	margin:0 auto; 
	text-align: left;

}

.MainContent
{
}

.MainHeader
{
	position:relative;
	height:130px;
}

.HeaderBorder
{
	width:100%;
	height:6px;
	background-color:#b8860b;
}

h1 
{
	font-size:  1.5em;  
	color: #a0730a;
	font-weight: 	bold;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

h2 
{
	font-size:  1.3em;  
	color: #a0730a;
	font-weight: 	bold;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;	
} 
	

h3 
{
	font-size:  1.083em;  /* 13px */
	/* (same colour as body) */
}	

/* Page text*/
.PageHeading
{
	font-size:  1.417em;  /* 17px */
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#999999;
	background-color: inherit;		
	margin-bottom:  10px;
	margin-top: 	0px;
}

.PageText 
{
	font-size: 		1em; /* 12 px */
	padding-bottom: 1em;
}

.TopPageDesc
{
	padding-bottom:1em;
}

.PageButtonSection
{
	padding-bottom: 1em;
}

.PageLinkSection
{
	padding-bottom: 1em;
}

.Mandatory
{
	color:#44FF44; 
}

/* EntryTable - form filling */
.EntryTable
{
	color:Black;
	background-color:White;
	padding-bottom: 1em;
}		
.EntryTableHeading
{
	font-weight:700;
}
.EntryTableLabel
{
	font-weight:700;
}
.EntryTableWideLabel
{
	font-weight:700;
	margin:0 auto;
	text-align:center;
}
.EntryTableField
{

}
.EntryTableWideField
{
	margin:0 auto;
	text-align:center;
}
.EntryTableNote
{

}
.EntryTableWideNote
{
	margin:0 auto;
	text-align:center;
}

/* EntryList - list of fields eg. two label radio buttons */
.EntryListHeading
{
	font-weight:700;
}

.EntryListSubHeading
{
	font-weight:700;
}

.EntryListField
{
	font-weight:700;
}


/* TableList - datagrid and css table FONT ONLY info */
.TableListHeader
{
	 background-color:#808080;
	 color:White;
	 font-size:1.167em; /* 14 px */
} 

.TableListGrandTotal
{
	font-size:1.25em; /* 15 px */
	font-weight:700; 
} 

.TableListRow
{
	background-color:#AAAAAA;
}

.TableListAltRow
{
	background-color:#D4E57E;
}

.TableListSubHeading
{
	font-size:1.083em; /* 13 px */
	font-weight:700;
}

/* Validation */
.ValidationError
{
	color:Red;
}

/* HR */
HR.Dotted 
{ /* http://www.thatvoodooyoudo.com/css/styling-horizontal-rules/ */
	color: white;
	background-color: white;
	border: 1px dotted #909090;
	border-style: none none dotted;
}

.BarBreaker
{
 border-top: 1px solid #a0730a;
 padding-bottom:0em;
}


/* rounded box */
.roundedcornr_box_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_tl.png) no-repeat top left;
}
.roundedcornr_top_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_tr.png) no-repeat top right;
}
.roundedcornr_bottom_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_simple div {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_br.png) no-repeat bottom right;
}
.roundedcornr_content_simple {
	background: url(http://www.weddingchaos.co.uk/cincludes/roundedcornr_simple_r.png) top right repeat-y;
}

.roundedcornr_top_simple div,.roundedcornr_top_simple,
.roundedcornr_bottom_simple div, .roundedcornr_bottom_simple {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.roundedcornr_content_simple, .roundedcornr_bottom_simple {
	margin-top: -19px;
}
.roundedcornr_content_simple { padding: 0 15px; }


/* simple raised box rounded corners */
.raised {background: transparent;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}




/* Ajax controls */

.AccordionContent
{
	 background-color:#ccccff;
	 border:dashed 1px black; 
}

.AccordionHeader
{
	 background-color:#4444ff;
	 color:#ffffff; 
	border:1px solid #ffffff;
}

.AccordionSelectedHeader
{
	 background-color:#8888ff;
	 color:#ffffff;
	border:1px solid #ffffff;
}

.AccordionHeader a:link
{
	color:#ffffff;
	text-decoration:none;
}

.ModalBackground /* 70% opaque whole screen */
{
   background-color:Gray;
   filter:alpha(opacity=70); 
   opacity:0.7;  
}

.ModalPopup
{
    background-color:#ffffdd;
    border: 3px solid gray;
    padding: 3px;
    width: 200px;        
}

.CollapsePanel
{
	/* width:640px; */
	height:0px;  /* to stop flashing */
	background-color:White;
	overflow:hidden;
}
.CollapsePanelHeader
{
	/* width:640px; */
	height:20px;
	color:Yellow;
 	background-color:black;
 	font-weight:bold;
 	/* float:left; donno why in video */
 	padding:5px;
 	cursor:pointer;
 	vertical-align:middle;            
}


/* JQUERY */


/* from http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.css */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }



/* from http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.accordion.css */

.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }
.ui-accordion li .ui-accordion-header {
	display: block;
	padding-left: 5px;
	margin-right: 3px;
	height: 28px;
	background-image: url(i/accordion-middle.png);
	color: #000;
	text-decoration: none;
	line-height: 28px;
	position: relative;
	left: 3px;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url(i/accordion-right.png);
	position: absolute;
	top: 0px;
	right: -3px;
	height: 28px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url(i/accordion-left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
	width: 3px;
}

.ui-accordion li:hover .ui-accordion-left { background-image: url(i/accordion-left-over.png); }
.ui-accordion li:hover .ui-accordion-header { background-image: url(i/accordion-middle-over.png); }
.ui-accordion li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

.ui-accordion li.selected .ui-accordion-left { background-image: url(i/accordion-left-act.png); }
.ui-accordion li.selected .ui-accordion-header { background-image: url(i/accordion-middle-act.png); }
.ui-accordion li.selected .ui-accordion-right { background-image: url(i/accordion-right-act.png); }





/* from http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.dialog.css */


/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
 background-color: #EFE7EF;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
 border-bottom: 1px solid #184996;
 background: #184996 url(i/dialog-title.gif) repeat-x;
 padding-top: 4px;
 padding-left: 7px;
 height: 28px;
 _height: 29px;
}


.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(i/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(i/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
 margin: 25px;
}


/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }


.MainDialog
{
	font-size: 		0.9em; /* 12px, this is a correction - the dialog text must be modified in js */
}



/* Header CSS Document */

#Header {
	width:980px;
	height:130px;
	background-image: url(../images/header/CoupleBouquet.jpg);
}

#header-logo {
	position:absolute;
	left:8px;
	top:90px;
	width:300px;
	height:40px;
	z-index:2;
}

#header-menu {
	position:absolute;
	font-size:0.8em;
	left:300px;
	top:109px;
	width:520px;
	height:25px;
	z-index:3;
	text-align: left;
	color: #FFFFFF;
	background-color: inherit;		
}

#header-add-this {
	position:absolute;
	left:850px;
	top:109px;
	width:130px;
	height:25px;
	z-index:3;
	text-align: left;
	color: #FFFFFF;
	background-color: inherit;		
}

.headermenuwhite {
	font-size: 100%;
	color:        white;
	font-weight: bold;
	background-color: inherit;	
}

.headermenuwhite a {

	text-decoration:none; 
  	color:          white;
	font-weight: normal;
	background-color: inherit;		
}

a.headermenuwhite:link { text-decoration: none; color: white; background-color: inherit;	}
a.headermenuwhite:visited { text-decoration: none; color: white; background-color: inherit;	}
a.headermenuwhite:hover { text-decoration: none; color: #CDCDCD; background-color: inherit;	}
a.headermenuwhite:active { text-decoration: none; color: white; background-color: inherit;	}

#footer {
 clear:    both;
 background-color:  #999999;
 text-align:   center;
 height:    25px;
 color:     #FFFFFF;
 min-width:   772px;
 padding-top:   9px;
 margin-top:   0;   
 font-size: 0.8em;
}