/* 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-size: 1em) */
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	margin:			0px 0px 0px 0px;
	color: 			#000000;
	height:			100%;
	max-width:		1280px;
	background-color: #F9FBFB;
	line-height:140%;
}

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


/* Main Content */
.MainContent 
{
	font-size: 	0.75em;  /* 12px - the base for all font sizes 1em in child = 12px */
}

.MainHeader
{
	height:102px;
}

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

h2 
{
	font-size:  1.3em;  
	color: #662873;
	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 #662873;
 padding-bottom:0em;
}


/* rounded box */
.roundedcornr_box_simple {
	background: url(roundedcornr_simple_tl.png) no-repeat top left;
}
.roundedcornr_top_simple {
	background: url(roundedcornr_simple_tr.png) no-repeat top right;
}
.roundedcornr_bottom_simple {
	background: url(roundedcornr_simple_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_simple div {
	background: url(roundedcornr_simple_br.png) no-repeat bottom right;
}
.roundedcornr_content_simple {
	background: url(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 20px; }


/* 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 */
}