/*Engage CMS Style Sheet* - Last Updated by Simon Del Giudice on 02-05-07
******************************************************************/

/*Global Styles*
******************************************************************/
body {
	margin: 0 auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #3C4E04;
	background: white url(../images/background.jpg) repeat-x;
	}
	
p { font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black; 
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #87A42D;
	padding: 0 0 0 10px;
	margin: 0; 
	}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #87A42D;
	padding: 0 0 0 10px;
	margin: 0; 
	}
table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a
{
	color:#3c4e04;
}

/*Layout Styles*
******************************************************************/
.highlight
{
	padding:3;
	color:#f00;
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:larger;
}

#container {
	margin: 0 auto 0 auto;
	width: 1000px;
	text-align: left;
	z-index: 1 !important;
	position:relative;
}

#header {
	width: 800px;
	height: 59px;
	background: url(../images/header.jpg) no-repeat;
}

#header_details {
	width: 350px;
	float:right;
	color:#FFFFFF;
	text-align:right;
}

#containerlogin {
	margin: 0 auto 0 auto;
	width: 400px;
	text-align: left;
}

#headerlogin {
	width: 400px;
}


#navigation 
{
	height: 20px;	
}

ul.AspNet-Menu ul {
	z-index:5000!important;
	position:absolute !important;
	
}
	
	.AspNet-Menu-Leaf  {
	z-index:5000 !important;
	position:relative !important;
	
}
	
#main {
	background: white;
	min-height: 500px;
	padding: 10px;
}

.section_title {
	background: #6F6F6F;
	color: white;
	padding: 5px;
	height: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.section_right {
	padding: 3px 0 0 0;
	float: right;
	text-align: right;
	vertical-align: middle;
} 

.section_left {
	float: left;
	font-size: 13px;
	text-align: left;
}

#section_title {
	background: #6F6F6F;
	color: white;
	padding: 5px;
	height: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#section_right {
	padding: 3px 0 0 0;
	float: right;
	text-align: right;
	vertical-align: middle;
} 

#section_left {
	float: left;
	text-align: left;
	font-size: 13px;
}

#section_main {
	background: white/*E4EEC5*/;
}

.section_element {
	margin: 10px;
	padding: 10px;
	background: #E0E0E0/*CFDDA5*/;
	text-align:left;
	vertical-align:top;
}

.section_element02 {
	margin: 10px;
	padding: 10px;
	background: #CACACA/*CFDDA5*/;
	text-align:left;
	vertical-align:top;
}

.section_element03 {
	margin: 10px;
	padding: 10px;
	background: #CACACA/*CFDDA5*/;
	text-align:right;
	vertical-align:top;
}

.section_element04 {
	margin: 10px;
	padding: 10px;
	background: #E0E0E0/*CFDDA5*/;
	text-align:center;
	vertical-align:top;
}

.section_element05 {
	text-align:left;
	vertical-align:middle;
}

.section_element06 {
	margin: 0px;
	padding: 0px;
	background: #E0E0E0/*CFDDA5*/;
	text-align:left;
	vertical-align:top;
}

#footer {
	clear: both;
	padding: 10px;
	font-size: 11px;
	height: 15px;
	background: #939598;
	color: white;
	margin: 10px 20px 0 20px;
}

	#footer a  {
		color: white;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		}
	#footer a:hover, #footer a.active  {
		color: white;
		}	

#footerright {
	float: right;
	text-align: right;
	vertical-align: middle;
} 

#footerleft {
	float: left;
	text-align: left;
}

.ReportViewer
{
    width:1000px;
}

/* Page List Styles - 19/06/08 Matt Burns*/
	
	.section_element07 {
	padding: 10px;
	background: #E0E0E0/*CFDDA5*/;
	text-align:left;
	vertical-align:top !important;
	margin:  10px 0 10px 0;
	width:98%;
}

#AvailableControls {float: left;}
#AvailableControls label {display: block;}
#UsedControls label {display: block;}

#CreatePage {background-color:#E0E0E0; border:none;}
#CreatePage label{display:block; width:150px; }
#CreatePage_Left {float: left; width: 300px; }
#CreatePage_Right {margin-left:320px; width:600px; height:270px;}

#CreatePage_Right label {float:left; width:300px;}
#CreatePage_Left label {float:left; width:290px;}


/* Left Column Border Styling */
#CreatePage_Left label {border: 2px #fff Solid; height:50px; padding: 10px 0px 10px 10px;}
#CreatePage_Left label {border-top:none; border-left:none;}

/* Right Column Border Styling */
#CreatePage_Right label {padding:  10px 0px 5px 20px; width:270px; height:271px; border: 2px #fff Solid;}
#CreatePage_Right label {border-top:none; border-bottom:2px #fff Solid; border-right:none}

.GridViewHeaderStyle { background-color:#6F6F6F; font-size:11px; font-weight: bold; color:#FFFFFF; height:22px; border-top: 3px Solid #999999;}
.GridViewHeaderStyle th {border: 1px Solid; border-color:#999999; border-top: 3px Solid #999999; padding-left: 3px;}
.GridViewHeaderStyle a:Link {color:#FFFFFF;}

.GridViewRowStyle {font-size:11px; background-color:#FFFFFF; height:20px;}
.GridViewRowStyle td {padding-left: 3px;}
.GridViewAlternatingRowStyle {font-size:11px; background-color:#F7F7F7; height:20px; }
.GridViewAlternatingRowStyle td {padding-left: 3px;}

.AddRemove
{
    padding-top:60px;
    text-align:center;
    float: left;
    width: 40px;
    height: 150px; 
}

/* ------------------------- User Administration ------------------------------*/

#AddUser label {display:block; width:400px;}
#UserList {float:left; width:350px; }

/* ------------------------- User Administration End --------------------------*/

/* ------------------------- Edit Page ----------------------------------------*/


#text_content {width: 450px; float:left; margin-right: 20px;}
#controls_content {width: 450px;  float:right; margin-left: 20px;}
.section_element07 {clear:left; padding:10px; display: inline-block;}

#CreatePage_Right  #script_list {
	background-color:#FFF;
	padding: 5px;
	margin: 0 0 0 10px;
	width: 150px;}

#CreatePage_Right  #script_list  input{
	float:left;
}
#CreatePage_Right  #script_list  label{
	height : 25px !important;
	width:100px !important;
	padding: 0 !important;
	margin:0 !important;
}

/* -------------------------Edit Page End -------------------------------------*/

#page_search {float:right;}

.member_detail_label {font-weight: bold;  padding: 5px; vertical-align:top; width: 180px;}
.member_detail_form {padding: 5px; vertical-align:top;}

.booking_detail_label {font-weight: bold;  padding: 5px; vertical-align:top; width: 180px;}
.booking_detail_form {padding: 5px; vertical-align:top;}

.section_element09 {font-weight:bold; color:#FFF; background-color:#6F6F6F; height: 25px; padding: 0 0 0 5px;}

/* Menu Manager Style
*******************************************/

#menu-container {
	
}

#menu-container .menu-textbox {
	width: 268px;
	padding:0;
	margin:0;
}

#menu-container .menu-dropdown {
	max-width: 300px;
	padding:0;
	margin:0;
}


/* Validation
***********************************************/
.validate_summary {
	border: 1px solid #FFCF0F;
 	color:#000 !important;
 	margin: 5px 0px;
 	padding: 15px 15px 15px 50px;
	background: #FFFFDE url(../images/alert.gif) no-repeat 10px 20%;
	display:block;}

/* Tabs Styling 
***********************************************/
    .ui-tabs {
        background-color: #fff !important;
        border:none !important;
        padding:0 !important;
        margin:0 !important;
		font-family:Arial, Helvetica, sans-serif; 
		z-index:2 !important;
		position:relative !important;
		
    }
    .ui-tabs-nav {
        background-color: #fff !important;
        border:none !important;
        font-size: 11px !important;
        font-family:Arial, Helvetica, sans-serif;
		z-index:2 !important;
		position:relative !important;
    }

    .ui-tabs-panel {
        padding:0 !important;
        margin:0 !important;
		z-index:2 !important;
		position:relative !important;
    }


    #section-header {
        border-bottom: 3px #DFDFDF Solid;
        height:30px;
        clear:both;
        margin: 0 0 10px 0;
    }

    #section-header .title {
        padding:10px 0 0 0;

        float:left;
    }

    #section-header .options {
      float:right;
    }
	
	
	/* Master Child Grid Styling
	********************************************/
	#master-child-grid {
		padding: 5px;
		background:#E0E0E0;
	}
	
	#master-child-grid td {		
		padding:0;
	}
	
	#master-child-grid img {		
		float:left;
		padding: 7px 5px 5px 5px;
	}
	
	#master-child-grid .master-detail{
		display:block;
		padding:5px;
	}
	
	#master-child-grid .child-marker {
		padding: 8px;
		display:block;
	}
	
	
	.button {
	/*display:block;*/
	background: #000 url(../images/button-black-bg.png) repeat-x top left;
    border: none;
	color: white;
	font-size: 11px !important;
	font-weight: bold !important;
	padding: 3px 10px 3px 10px;
	margin: 0 0 0 0;
	cursor:pointer;
	height: 22px;
    font-family:Arial !important;	
}

.external-link 
{
    background-image: url(../images/external-link.gif);
    background-repeat:no-repeat;
    padding:0 0 0 15px;

}