/*

!!!CSS PARSER NOTES/ GUIDELINE - PLEASE READ BEFORE EDITING THIS FILE - AND 03/02/2010!!!

Certain standards need to be adhered to in order to support the themes administration
style editing functionality.
1) Updates to this CSS file will need to be loaded into the theme table using a schema script 
   for the eStore template record
2) Comments: please do not put any comments within a class - comments before/ after the class are fine
3) Classes: 
    a) it is ok to add or remove attributes from a class
    b) if a style needs to be edited please add each attibute seperately, e.g.
        good:
            border-top-style: solid;
            border-top-color: Red;
            border-top-width: 1px;
        bad:
            border-top: solid 1px Red;
       N.B styles that do not need editing are ok if they are left in the short format, they just 
           cannot be edited
4) Elements: if you need to create a new element, please do not just update an existing 
   class, e.g. do not take the existing '.gridFoo' class and turn it into '.gridFoo tr', 
   instead create a new class '.gridFoo tr'.  If this original class has been exposed through the
   themes admin style editor then a customer may have updated this class in a local theme and if 
   we remove it they will not be able to edit it.
*/

html 
{
 margin-left: 10px;
 margin-right: 10px;
 background-color: #ffffff;
 background-image: url(../Images/BackgroundTextures/bkgd.gif); 
 background-repeat: repeat-x;
}


body 
{
 padding: 0;
 margin: 0;
 height: 100%;
 font-family: Arial;
 font-size : 12px;
 color: #5d5d5d;
 text-align: left;
 overflow: -moz-scrollbars-vertical;
}

#Page
{
 text-align: left;
 padding: 0;
 margin: 0 auto;
 height: 100%;
 position: relative;
 font-family: Arial;
 font-size : 12px;
 background-color: #FFFFFF;
 width: 740px;
}

form 
{
 padding: 0;
 margin: 0;
 position: relative;
 background: #FFFFFF;
}

a,
a:link,
a:visited,
a:hover,
a:active 
{
 text-decoration: none;
 color: #1681C3; 
}

a:hover 
{
 text-decoration: underline;
}

a img 
{
 border: none;
}

h1
{
 color: #1a5980;
 font-size: 21px;
 font-family: Arial;
 font-weight: normal;
 margin: 0 0 3px 0;
}

h1 + p { padding: 0; margin-bottom: 15px; }


h2,
h3 
{
 font: bold 18px/22px Arial, Helvetica, sans-serif;
 margin: 0 0 8px 0;
}


p 
{
 line-height: 16px;
 padding: 0 5px 12px;
 margin: 0;
}

textarea 
{
 line-height: 15px;
}

/*<group=Page Element Setup>*/

#DevelopmentPanel 
{
 background: #E6E6E6;
 padding: 10px 5px 10px 5px;
}

/* Major Content Sections*/
.panelUserMenu
{
	color: #8E887C;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	height: 25px;
}

.panelUserMenuBackground
{
	background-image: url(../Images/BackgroundTextures/top_gradient.gif);
}

.linkDefault
{
	color: #1681C3;
	font-weight: normal;
}

.linkUserMenu
{
	color: #7ecbfa;
	font-weight: normal;
}

.linkUserMenuNoBackground
{
	color: #1681c3;
	font-weight: normal;
}

.linkFooterMenu
{
	color: #1681c3;
	font-weight: bold;
}

.userMenuWelcome
{
	color: #ffffff;
	font-weight: normal;
}

.panelUserMenuLeft
{
	float: left;
	padding-top: 4px;
}

.panelUserMenuRight
{
	float: right;
	padding-top: 4px;
}

.rtpButton
{
    vertical-align:middle;
}

hr, .HR
{
 width: 100%;
 display: block;
 height: 0;
 margin: 10px 0;
 border-color: #000000;
 border-style: solid;
 border-width: 1px 0 0 0;
 clear: both;
}

/*<group=Primary Classes>*/

.ButtonRow 
{
 float: left;
 margin: 5px  0 0 0; 
 text-align: right;
}

.tabContainer .ButtonRow { float: right; }

.ButtonRowLeft 
{
 margin-top: 5px;
}

.InputLabel 
{
 text-align:right;
}

.Wide 
{
 width: 100%;
}

.content_body
{
    border: none;
	display:inline;
	float: left;
	width: 700px;
	padding-top: 40px;
	padding-bottom: 45px;
	margin-left: 16px;
}


/*!!! table header and footer */



/*<group=Page Header>*/

#PageHeader 
{
 height:107px;
 background-color: #ffffff;
 color: #000000;
}

#PageHeader a,
#PageHeader a:link,
#PageHeader a:visited 
{
 color: #36869F;
 text-decoration: none;
}

#PageHeader a:active,
#PageHeader a:hover 
{
 text-decoration: underline;
}

#LoginStatus 
{
 color: #000000;
 text-align:right;
 padding: 5px 0px;
 width:740px;
}

#LoginStatus ul
{
 margin:0;
 padding:0;
}

#LoginStatus li
{
 display:inline;
 margin-right:0.4em;
 padding-right:0.6em;
 border-right:1px solid #000;
}

#LoginStatus li.itemLast
{
 display:inline;
 border:none;
 margin-right:0;
 padding-right:0;
}

#PageProgressIndicator 
{
 margin-top: -30px;
 padding: 5px 0px;
}

/*<group=Page Content>*/

#PageContent 
{ 
 height: auto;
 background: #ffffff;
 padding: 10px 5px 20px 5px;
}

/*<group=Page Content Alerts>*/

.AlertContainer 
{
 background: #FFFFFF;
 padding: 0px;
 margin: 5px 0px;
 border-width: 4px;
 border-style: solid;
 border-color: #5a6dad;
}

.AlertContainer #AlertTitle 
{
 color: #FFFFFF;
 font-style:italic;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
 display: none;
}

.AlertPanel 
{
 height: auto;
 max-height: 200px;
 overflow: auto;
}

.AlertPanel ul 
{
 margin: 0;
 padding: 0;
 list-style: none;
}

.AlertPanel ul li,
.AlertPanel ul li.Help,
.AlertPanel ul li.Information,
.AlertPanel ul li.Success,
.AlertPanel ul li.Warning,
.AlertPanel ul li.Error 
{
 padding: 3px 5px 4px 25px;
 margin:0;
}

.AlertPanel ul li.Help 
{
 color: #40BC56;
 border-width: 1px;
 border-style: solid;
 border-color: #CCCCCC;
}

.AlertPanel ul li.Information 
{
 color: #40BCED;
 border-width: 1px;
 border-style: solid;
 border-color: #8AD7F4;
}

.AlertPanel ul li.Success 
{
 color: #40BC56;
 border-width: 1px;
 border-style: solid;
 border-color: #76D086;
}

.AlertPanel ul li.Warning 
{
 color: #FF7C19;
 border-width: 1px;
 border-style: solid;
 border-color: #E0CE82;
}

.AlertPanel ul li.Error 
{
 color: #ED2A19;
 border-width: 1px;
 border-style: solid;
 border-color: #F25F52;
}

/*</group>*/

.PrivateLessonBox
{
 z-index: 999;
 position: absolute;
 left: 0;
 top: 0;
 font-size:11px;
 text-align:right;
 font-family:tahoma,verdana,helvetica;
 padding:4px;
 border:1px solid #646464;
 background-color: #c12c38;
}

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

/*<group=Ajax Control Toolkit Tabs>*/

/*</group>*/

/*<group=Ajax Control Toolkit Calendar>*/

.rtpCalendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color: #B0C4DE;
    color:#4A4344;
    width: 204px;
}

.rtpCalendar .ajax__calendar_body 
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_days 
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_months 
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_years 
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_other .ajax__calendar_day,
.rtpCalendar .ajax__calendar_other .ajax__calendar_year 
{
    color: black;
}

.rtpCalendar .ajax__calendar_hover .ajax__calendar_day,
.rtpCalendar .ajax__calendar_hover .ajax__calendar_month,
.rtpCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.rtpCalendar .ajax__calendar_active .ajax__calendar_day,
.rtpCalendar .ajax__calendar_active .ajax__calendar_month,
.rtpCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #c12c38;
    font-weight:bold;
}

/*</group>*/

/*<group=Multibox>*/


.Lightbox
{
    width: 400px;
    min-height: 180px;
    height: auto;
    padding: 0px;
}


.LightboxContent 
{
    margin: 5%;
    background-color: #f0f1f2;
}

.LightboxClose
{
    width: 100%;
    float:right;
    text-align: right;
    padding-right: 10px;
    color: #1681c3;
    vertical-align: middle;
}

.LightboxEmail
{
    width: 100%;
    float:right;
    text-align: right;
    margin-right: 10px;
    color: #1681c3;
    vertical-align: middle;
}

/*MultiBox	v1.3*/

.MultiBoxContainer 
{
	position: absolute;
	border: 5px solid #000000;
	background-color: #ffffff;
	display: none;
	z-index: 9999;
	text-align: left;
	padding: 5px;
	/*overflow: hidden;*/
}

.MultiBoxLoading 
{

}

.MultiBoxContent 
{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose 
{
	position: absolute;
	top: -21px;
	right: -5px;
	width: 59px;
	height: 16px;
	cursor: pointer;
}


.MultiBoxControlsContainer 
{
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls 
{
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious 
{
	position: absolute;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext 
{
	position: absolute;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled 
{
	cursor: default;
}

.MultiBoxPreviousDisabled 
{
	cursor: default;
}

.MultiBoxTitle 
{
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber 
{
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription 
{
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/*</group>*/

/*<group=Page Footer>*/

#PageFooter 
{
 height: auto;
 padding-top:5px;
 background-color: #ffffff;
}

#PageFooterText 
{
 text-align: right;
 color: #000000;
 float: right;
 margin: 5px 10px 10px 0px;
}

#PageFooterText a,
#PageFooterText a:link,
#PageFooterText a:visited,
#PageFooterText a:hover,
#PageFooterText a:active {
 color: #36869F;
 text-decoration: none;
}

#PageFooterText a:hover {
 text-decoration: underline;
}


.productSearchControl
{
    width: 492px;
    float: left;
}

.orderSearchControl
{
    width: 492px;
}

/* styles used for common rtp one controls - consider revising to look like the table?*/
.panelFormHeader
{
	border-top: solid 1px #DDD7CA;
	border-left: solid 1px #DDD7CA;
	border-right: solid 1px #DDD7CA;
	color: #948E80;
	font-size: 20px;
	padding: 10px;
	margin: 0 0 0 5px;
	font-weight: bold;
}

.panelFormContent
{ 
	background-color: #F1EEE9;
	color: #000000;	
	padding: 10px;
	border-bottom: solid 1px #DDD7CA;
	border-left: solid 1px #DDD7CA;
	border-right: solid 1px #DDD7CA;
}

/* button text font styles */
.rtpImageButtonMedium
{
    font-size: 12px;
    font-weight: bold;
    color:#ffffff;
    padding: 8px;
}

.rtpImageButtonMedium:hover
{
    color:#5d5d5d;
}

/* tab control styling - now managed by the admin module */
.tabContainer
{
    color: #5d5d5d;
    font-size: 12px;
}

.tabContainer .ajax__tab_body 
{
    border-style:solid;
	border-width: 1px;
	border-color: #DDD7CA;
	padding: 5px;
}

.tabContainer .ajax__tab_header .ajax__tab_outer 
{
    padding-right:2px;
    background:url(../Images/ControlBackgrounds/tab_on_right.gif);
    background-repeat: no-repeat;
    background-position: right;    
    height:21px;
    cursor: pointer;
    margin-right: 3px;
}
.tabContainer .ajax__tab_header .ajax__tab_inner 
{
    padding-left:2px;
    background:url(../Images/ControlBackgrounds/tab_on_left.gif);
    background-repeat: no-repeat;
    cursor: pointer;
}
.tabContainer .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px 4px 2px 4px;
    margin:0;
    background:url(../Images/ControlBackgrounds/tab_on_middle.gif);
    background-repeat: repeat-x;
}
.tabContainer .ajax__tab_hover .ajax__tab_outer 
{
    background:url(../Images/ControlBackgrounds/tab_on_right.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.tabContainer .ajax__tab_active .ajax__tab_outer 
{
    background:url(../Images/ControlBackgrounds/tab_on_right_active.gif);
    background-repeat: no-repeat;
    background-position: right;
}
.tabContainer .ajax__tab_active .ajax__tab_inner 
{
    background:url(../Images/ControlBackgrounds/tab_on_left_active.gif);	
    background-repeat: no-repeat;  
    font-weight:bold;
}
.tabContainer .ajax__tab_active .ajax__tab_tab 
{
    background:url(../Images/ControlBackgrounds/tab_on_middle_active.gif);
    background-repeat: repeat-x;  
}

#searchCartWrap { margin-bottom: 15px; }
#miniCart { width: 218px; }


.pnlSynchronizationHeader
{
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight:bold;
    height: 30px;
    width: 620px;
    background-color:Silver;
}

.pnlSynchronizationBody
{
    padding-left: 20px;
    margin-bottom:5px;
    width:600px;
}

.syncResultsHeaderColumn
{
   width: 20%;
   vertical-align: top;
}

/*Modal Popup*/
.modalBackground, .cmtModalBackground
{
	background-color: Gray;
	filter: alpha(opacity=30);
	opacity: 0.3;
}


.modalPopupProductSelected, .cmtModalEdit
{
	width: 650px;
	padding: 15px;
	background-color: #ffffff;
}

.rtpCmtHtmlEditor
{
    white-space: normal;
}

.cellProductResultsStandard
{ 
	vertical-align: top;	
	border-width: 0px;
	padding-top: 7px;
	padding-bottom: 20px;
	padding-left: 2px;
	padding-right: 2px;
	border-top-color: #DDD7CA;
	border-top-width: 1px;
	border-top-style: solid;

}

/* Gridview Form Styles */
.gridFormInput
{ 
	background-color: #F1EEE9;
	border: solid 1px #DDD7CA;
}

.gridFormInputRow
{
	padding: 0px 0px 30px 0px;	
}

.gridFormInputRow td
{
	color: #000000;
	text-align: left;
}

.gridFormInputHeader
{ 
	color: #A19680;
	font-size: 13px;
}

.gridFormInputHeader th
{ 
	text-align: left;
	white-space: nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #DDD7CA;
}

.gridFormInputFooter tf
{
	height: 20px;
}

.panelContentStandard
{
	font-size: 12px;
	color: #000000;
	padding: 0 5px 12px;
}

.AspNet-GridView
{
    margin: 0 0 0 0px;
}

.gridShoppingCartWidget
{
	width: 100%;
	border: none;
	padding-top:5px;
	background-color: #eee;
}

.gridShoppingCartWidget th, .gridShoppingCartWidget td { padding: 3px; border: 1px solid #fff; }
.gridShoppingCartWidget thead th:first-child, .gridShoppingCartWidget tbody td:first-child { text-align: center; width: 0; }

/* cart widget - qty column */
.rowShoppingCartWidget
{
	color: #6A6A6A;
	font-size: 11px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DDD7CA;
}

.rowShoppingCartWidget td
{
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	border-top-width: 0px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #DDD7CA;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #DDD7CA;
}

/* cart widget - qty column */
.rowShoppingCartHeaderWidget
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	height: 27px;
	border-top-width: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DDD7CA;
}

.rowShoppingCartHeaderWidget th
{
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #DDD7CA;
	border-right-style: solid;
	border-right-width: 0px;
	border-right-color: #DDD7CA;
}

/* shopping cart widget container */
.panelShoppingCartWidgetContainer { position: relative; height: 132px; overflow: hidden; border: 1px solid #ddd7ca; }

/* checkout button */
.panelShoppingCartWidgetContainer > span { position: absolute; left: 0; bottom: 0; width: 206px; margin: 5px; }

/* persistent cart header*/
.panelShoppingCartWidgetHeader
{
	position: absolute;
	left: 0;
	top: 0;
	width: 198px;
	margin: 5px;
	padding: 10px 4px;
	background-color: #1c5b84;
	height: auto;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

.panelShoppingCartWidgetHeaderLeft
{
	margin-top: auto;
	float: left;
	border-width: 0px;
}

.panelShoppingCartWidgetHeaderRight
{
	margin-top: auto;
	float: right;
	border-width: 0px;
}

.panelShoppingCartWidgetHeaderRight a { color: #fff; }

.panelShoppingCartWidgetContent { position: absolute; left: -1px; top: 35px; bottom: 25px; width: 207px; overflow-y: auto; margin: 5px; color: #5d5d5d; font-size: 11px; }
.panelShoppingCartWidgetContent th { font-weight: bold; color: #444; }

.panelShoppingCartWidgetInfo
{
	padding: 5px 0 0 0;
	border: none;
	color: #444;
	font-weight: bold;
}

.panelShoppingCartWidgetInfoLeft
{
	float:left;
	text-align: left;
	width: 50%;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.panelShoppingCartWidgetInfoRight
{
	float: right;
	text-align: right;
	padding-right: 3px;
	width: 45%;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.panelShoppingCartWidgetEmpty
{
	text-align: left;
	padding: 7px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	border: none;
}

.panelExpandCollapse
{
    background-color: #CCCCCC;
    font-weight: bold;
    font-size: medium;
    vertical-align: middle;
}

.panelSelectActivityLocation
{
    font-weight: bold;
    vertical-align: middle;
}

.errorMessage
{
    color: #FF0000;
}

.activityQuantityAvailableLabel
{
    padding-left: 5px;
}