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

/*Global Styles*
******************************************************************/
body {
	margin: 0 auto 0 auto;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: 400;
	color: #3d3d3d;
	background: #ccc url(../images/bg.gif) repeat-x;
	}
	
p { 	font-size: 11px; }

h1 {
	font-size: 16px;
	color: black; 
	}
h2 {
	font-size: 14px;
	color: #87A42D;
	padding: 0 0 0 10px;
	margin: 0; 
	}

h3 {
	font-size: 13px;
	color: #87A42D;
	padding: 0 0 0 10px;
	margin: 0; 
	}
table {
	font-size: 12px;
}

a
{
	color:#006699;
	font-weight: 600;
}

input, select {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 3px;
}

input {
	border: 1px solid #cccccc;
}

:focus {
	outline-color: #996699;
}

/*Layout Styles*
******************************************************************/
.highlight
{
	padding:3;
	color:#f00;
	width:100%;
	font-weight:600;
	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: 1000px;
	height: 100px;
	background: url(../images/header.png) no-repeat;
	padding-bottom: 12px;
}

#header_details {
	float:right;
	color:#666;
	text-align:right;
	font-weight: 400;
	font-size: 13px;
}

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


#headerlogin {
	width: 1000px;
	height: 100px;
	background: url(../images/header.png) no-repeat;
	padding-bottom: 32px;
	}
#headerlogin img { display: none;}

#navigation 
{

}

ul.AspNet-Menu ul {
	z-index:5000!important;
	position:absolute !important;
	
}
	
	.AspNet-Menu-Leaf  {
	z-index:5000 !important;
	position:relative !important;
	
}
	
#main,#containerLogin {
	clear: left;
}

.section_title {
	background: #57a7cc;
	color: white;
	padding: 5px 10px;
	height: 24px;
	font-weight: 300;
	margin: 0 0 10px 0;
}

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

    .section_right .toggle
    {
        display:block;
        height:15px;
        width:15px;
        background:url("../images/minus.gif") no-repeat;
    }
    .hidden .section_right .toggle {background: url("../images/plus.gif") no-repeat;}

    .cms-show .section_title .section_right .toggle
    {
        display:block;
        height:15px;
        width:15px;
        background:url("../images/minus.gif") no-repeat;
    }
    .cms-hidden .section_title .section_right .toggle {background: url("../images/plus.gif") no-repeat;}

.cms-show .collapsible {
    display:block;
}

.cms-hidden .collapsible {
    display:none;
}
   
.section_left {
	float: left;
	font-size: 16px;
	text-align: left;
}

#section_title {
	background: #57a7cc;
	color: white;
	padding: 10px;
	height: 36px;
	font-weight: 300;
	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: 24px;
}

#section_main {
	background: #f5f5f5/*E4EEC5*/;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    1px 3px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow:         1px 3px 6px 0px rgba(0, 0, 0, 0.3);
	
}
#containerlogin #section_main {
	width: 520px;
	margin: 0 auto;
	padding: 30px 20px 10px 20px;
	background: white;
}

#pnlLogin table { border-collapse: collapse;}
#pnlLogin table td { 
    line-height: 32px;
    font-size: 14px;
    /*width: 120px !important;*/

}
#pnlLogin input { font-size: 18px; padding: 4px 8px; width: 300px !important; }
#pnlLogin input#btnLogin { margin-top: 10px; width: auto !important; }
#InvalidLogin { float: left; line-height: 12px; padding-bottom: 20px;}

#pnlSetup,#pnlLogin { padding: 10px 15px 15px 15px; font-size:18px; }
#pnlSetup p,#pnlLogin p { font-size: 13px;}
#pnlSetup input#txtTest {
    padding: 3px 3px;
    font-size: 18px;
    width: 70px;
    line-height: 1.1;
}
#pnlMessage { padding: 0px 15px 15px 15px; font-size:18px; font-weight: 600;}
#pnlLogin input#txtMFACode { 
width:70px !important;
padding: 3px 3px;
font-size: 18px;
line-height: 1.1;
}
#pnlLogin input.button.login {
	width:auto !important;
}
#pnlLogin a#lnkCancel { font-size: 13px; font-weight: 400;}

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

.section_element02 {
	margin: 10px;
	padding: 10px;
	background: white /* #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:  0;
	width:97.5%;
}



#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 15px 15px 15px; 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;
		z-index:2 !important;
		position:relative !important;
		
    }
    .ui-tabs-nav {
        background-color: #fff !important;
        border:none !important;
        font-size: 11px !important;
		z-index:2 !important;
		position:relative !important;
    }

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

    .ui-widget-content 
    {
        background:#fff !important;
		background-image:none !important;
		color:#000 !important;
    }

    #section-header {
        height:30px;
        clear:both;
        margin: 0 0 10px;
		padding: 0 10px;
    }

    #section-header .title {
        padding:0;
		color: #3d3d3d;
        float:left;
		font-size: 20px;
    }
		#section-header .title strong { font-weight: 300 !important; font-style: italic; }
		
    #section-header .options {
      float:right;
    }

    #section-footer {
        border-top: 3px #DFDFDF Solid;
        height:30px;
        clear:both;
        padding: 5px 0 0 0;
    }

    #section-footer .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;
	}
	
	
	#btnLogin, .button {

    border: none;
	color: white;
	font-size: 13px !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	cursor:pointer;
    padding: 5px 10px!important;
    background-color: #996699!important;
    color: white!important;
    text-decoration: none!important;
    border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, box-shadow .2s ease-in-out 0s;
    -moz-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -moz-box-shadow .2s ease-in-out 0s;
    -webkit-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -webkit-box-shadow .2s ease-in-out 0s;
	}
	
	
	#btnLogin:hover, .button:hover{
	    text-decoration: none!important;
		background-color: #3d3d3d!important;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	}
	#lnkForgotPassword { padding-left: 20px;}
.external-link 
{
    background-image: url(../images/external-link.gif);
    background-repeat:no-repeat;
    padding:0 0 0 15px;

}

/* Dialog Styles
************************************/
.ui-dialog 
{
    /*width: auto !important;*/
    /*height:300px !important;*/
    border-radius: 0px !important;
	border: none !important;
	padding:0 !important;
	margin:0 !important;
	background-color:#282828 !important;
	border:1px Solid #666 !important;

}

.ui-dialog-content
{
	padding:0 !important;
	margin:0 !important;
	background-color:#282828 !important;
	color: #fff !important;
}

.ui-widget-overlay {
	opacity: .70 !important;
	background:#282828 !important;
}

.ui-dialog-titlebar 
{
    border-radius: 0px !important;
    color: #fff !important;
    font-size:12px;
    background: #181818 url(../images/dialog-title-bg.png) repeat-x top left !important;
    border:none !important;
	height: 22px !important;
	margin: 0 0 10px 0;
	border-bottom:1px Solid #666 !important;
}

#appointment-date-range-dialog-table td
{
    text-align:left;
    font-size:12px;
}


.ui-accordion .ui-accordion-content {
padding: 0 !important;
}

.ui-accordion span[class*='ui-icon-triangle'] {
    float: left;
    padding-right: 5px;
}

/* Image Group Styles 
***********************************************/

#image-group-container {
	background-color:#E0E0E0;
	position:relative;
	width:100%;
	height: 125px;
}

#image-group-container .image-group{
	text-align:center;
	float:left;
	width: 150px;
	height: 100px;
	background-color:#fff;
	margin: 5px;
	padding: 5px;
	position:relative;
	border:#CCC 1px Solid;
}

#image-group-container .image-group .image{
	border: 1px solid #999 !important;
	width: 100px;
}

#image-group-container .add-image {
	background-color:#c5c5c5;
	border: 1px Solid #999;
}

#image-group-container .add-image .image{
	border: none !important;
	width: 80px;
}

#image-group-container .image-group .delete-img{
	background: url(../images/cross.png) no-repeat top left !important;
	width: 16px;
	height:20px;
	border:none;
	position:absolute;
	top:3px;
	right:0px;
}

#image-group-container .image-group .add-img-btn {
	background: url(../images/photos.png) no-repeat top left !important;
	width: 16px;
	height:20px;
	border:none;
	position:absolute;
	top:3px;
	right:3px;
}


/* Store Summary
**************************************************/
#wrapper-customer ul li,
#wrapper-subscription ul li
{
    list-style:none;
    padding:3px;
}

#wrapper-customer ul li span,
#wrapper-subscription ul li span
{
    display:block;
    float:left;
    width: 170px;
    font-weight:400;
}


/* jQueryValidation 
**************************************/
.error,
.alert,
.notice,
.success,
.info { padding: 0.2em;  border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice        { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success       { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info          { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a          { color: #514721; }
.success a         { color: #264409; }
.info a            { color: #205791; }


input#ctl00_ContentPlaceHolder1_ctrEditPage_txtPageDisplayName, 
input#ctl00_ContentPlaceHolder1_ctrEditPage_txtPageName, 
input#ctl00_ContentPlaceHolder1_ctrEditPage_txtPageDescription
 { width: 360px !important;}

label.error {display:none !important;}


img#imgPageImage {
    max-width: 220px;
    border: 1px solid #A9A9A9 !important;
    margin: 10px 0;
}

img#ctl00_ContentPlaceHolder1_NewsDetail1_imgArticleImage {
    max-width: 220px;
}

#image-gallery-container .image-container { 
    position: relative;
    display:inline-block;
    margin-bottom: 10px;
}

#image-gallery-container .image-container .gallery-image { 
    max-width:692px;
}

#image-gallery-container .image-container .delete-btn { 
    position: absolute;
    top: 1px; right:3px;
    cursor:pointer;
    width: 20px;
    height: 20px;
    background-image: url(../images/gallery-close.png);
    background-size: contain;
    background-color: rgba(255,255,255,.5);
    border: 0px;
}
#image-gallery-container .image-container .delete-btn:hover { 
    background-color: rgba(255,255,255,.95);
}

#image-gallery-upload-title {
    min-height: 35px;
    padding-top: 8px;
}
#image-gallery-upload-resize-container { display:none; }
#image-gallery-upload {
    color: white;
    font-size: 13px;
    padding-bottom: 10px;
}
#image-gallery-upload span {
    padding-right: 10px;
}
#image-gallery-upload a {
    border: none;
    color: white;
    font-size: 13px !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    cursor: pointer;
    padding: 5px 10px!important;
    background-color: #996699!important;
    color: white!important;
    text-decoration: none!important;
    border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, box-shadow .2s ease-in-out 0s;
    -moz-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -moz-box-shadow .2s ease-in-out 0s;
    -webkit-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -webkit-box-shadow .2s ease-in-out 0s;    
    margin-left: 10px;
}
#lnkUpload {
    border: none;
    color: white;
    font-size: 13px !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    cursor: pointer;
    padding: 5px 10px!important;
    color: white!important;
    text-decoration: none!important;
    border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border: 1px solid white;
    
}
p.image-filename {
    position: absolute;
    bottom: -10px;
    left: 3px;
    color: black;
    background: rgba(255,255,255,0.5);
    padding: 3px;
}