/* MyAccount styles */
.customerDetailsControl .edenData { font-family: Arial, Sans-Serif; font-weight: normal; }
.bodytext { font: 0.7em Tahoma, sans-serif; color: #666666; }
.titletext { font: 0.7em Tahoma, sans-serif; font-size:36px; font-weight:bold; color:#CC0000; }
.whitetitle { font: 0.7em Tahoma, sans-serif; font-size:36px; font-weight:bold; color:#FFFFFF; }
.smalltitle { font: 0.7em Tahoma, sans-serif; font-size:20px; font-weight:bold; color:#CC0000; }
.smallwhitetext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color: #FFFFFF; }
.smallwhitetext a{ font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color: #FFFFFF; text-decoration:none; }
.smallwhitetext a:hover{ text-decoration:underline; }
.smallgraytext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999; }
.smallgraytext a{ font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999; text-decoration:none; }
.smallgraytext a:hover{ text-decoration:underline; }
.smallredtext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#CC0000; }
.smallredtext a{ font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#CC0000; text-decoration:none; }
.smallredtext a:hover{ text-decoration:underline; }
.menudiv { margin-left: 0; }
.menugraytext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999; }
.menugraytext a{ font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999; text-decoration:none; }
.menugraytext a:hover{ text-decoration:underline; }
.graypanel{ border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px; width:95%; }
.panel { font: Tahoma, sans-serif; }
.messagePanel { font: 0.8em Tahoma, sans-serif; padding:10px; }
.buttonPanel { }
.label { font: 0.7em Tahoma, sans-serif; }
.fieldset { } 
.p { font: 0.7em Tahoma, sans-serif; }
.mGrid  { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse;  }
.mGrid td  { padding: 2px; border: solid 1px #c1c1c1; color: #717171;  }
.mGrid th  { padding: 4px 2px; color: #fff; background: #424242 url('../img/grd_head.png') repeat-x top; border-left: solid 1px #525252; font-size: 0.9em;  }
.mGrid .alt { background: #fcfcfc url('../img/grd_alt.png') repeat-x top; }
.mGrid .pgr { background: #424242 url('../img//grd_pgr.png') repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td  { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.info, .success, .warning, .error, .validation { padding:10px; margin:10px; width: 95%; border: 1px solid; margin: 10px; background-repeat: no-repeat; background-position: 10px centerr; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('../img/information2.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/ok.png'); background-position: 1% 50%; width: 333px; }
.warningMessage { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/sign_warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('../img/error.png'); background-position: 1% 50%; padding-left: 40px; text-indent: -48px; width: 303px; }
/* MyAccount Events styles */
.halfPanel { float:left; width: 50%; }
/* TakeTrial styles */
.takeTrial .eden-form .padder ul { margin-left: 10px; }
.tt-form .multiAnswer input[type="checkbox"] + label, .tt-form .multiAnswer input[type="radio"] + label { vertical-align: 2px; }
.validatelogin OL { padding: 5px 10px; margin: 0px; }
.validatelogin LI { list-style-type: none; list-style-image: none; padding: 1px 0px; margin: 0px; }
.validatelogin LABEL { line-height: 2; width: 160px; display: inline-block; }
.validatelogin .textbox { width: 250px; }
.tt-form FIELDSET OL { padding: 5px 10px; margin: 0px; }
.tt-form FIELDSET LI { list-style-type: none; list-style-image: none; padding: 1px 0px; margin: 0px; }
.tt-form LABEL { width: 130px; display: inline-block; vertical-align:top; margin-top:3px; }
.tt-form .textbox { width: 250px; }
.tt-form .dropdown { width: 256px; }
.emailsubs LABEL { line-height: 2; width: 316px; display: inline-block; vertical-align: middle; padding-left: 2px; }
.emailsubs INPUT { padding-bottom:2px; vertical-align: middle; }
.smalltext { font-size: 0.95em; }
.validation { padding-top: 12px; padding-left: 10px; }
.EmailSubscriptions p {font-family:Arial,Helvetica,sans-serif}
.EmailSubscriptions LI {font-family:Arial,Helvetica,sans-serif}
.EmailSubscriptions strong {font-family:Arial,Helvetica,sans-serif}
.tt-form FIELDSET, .graypanel FIELDSET { border: 1px solid gray; margin: 2px; padding: 5px; }
.tt-form FIELDSET LEGEND { display: inline; }
.tt-form FIELDSET LEGEND, .graypanel FIELDSET LEGEND { font-size: 10pt; }
.tt-form .textbox { width: 250px; }
.tt-form .dropdown { width: 256px; }
.tt-form INPUT[type=checkbox] + LABEL, .dpa LABEL { line-height: 2; width: 90%; display: inline-block; padding-left: 2px; }
.tt-form INPUT[type=checkbox] + LABEL { vertical-align: top; }
.dpa LABEL { vertical-align: middle !important; }
.dpa INPUT { padding-bottom:2px; vertical-align: middle; }
.dpa FIELDSET OL { padding: 5px 10px; margin: 0px; }
.dpa FIELDSET LI { list-style-type: none; font-style:normal; list-style-image: none; padding: 1px 0px; margin: 0px; }
fieldset { margin:0; padding:0; }
.personalDetails{ border:none; }
div.eden-form div.padder ol li > span { display: inline; margin-left: 0; }
/* Step 1 */
.emailAddressRow { padding-top: 1px; }
.buttonRow input{ float: right; }
.buttonRow { width: 418px; }
/* Login styles */
.loginFailed { color: #B73F3F; font-weight: bold; }
/* Product list control and product details popup*/
.ProductList
{   
    margin: 10px 0;
    width: 100%;
    table-layout: auto;
} 


.ProductList th
{ 
    background-position: #6D6D6D;
    background: #6D6D6D;
    color: #fff;
    text-align:left;
    text-transform: uppercase; font-size: 0.9em;
}

.ProductList td, .ProductList th
{  
    padding: 6px 0.5%;
    font-weight: bold;
}
.ProductList .col_name { width: auto; text-align: left; padding: 6px 0.5% 6px 0.5%; }
.ProductList .col_info { width: 4%; text-align: left; }
.ProductList .col_info:hover {cursor:hand;cursorointer;}
.ProductList .col_select { width: 4%; text-align: left;}
.ProductList tr:hover { background-color: #ccc; }
.ProductList .row_alt { background-color: #efefef; }
.ProductList .button2 {text-align: right;}

.ProductWrapper{padding: 6px;} 

.Prodpop
{
    background-color: #6D6D6D;
    border: 1px solid #999999;
    cursor: default;
    display: none;
    float:left;
    position: absolute;
    text-align: left;
    width: 180px;   
    z-index: 50;
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    right:15px;
}

.Prodpop label
{
    width:100%;
    line-height: 15px;
    font-size: 1em;
}

/* Eden list control */
.dataDiv > select { width: 300px; }
div.edenData li.multiAnswer table input { margin: 2px 2px 2px 0; padding: 0; }
div.eden-form select, div.eden-form input[type="text"] { width:256px; }
div.edenData li.listAnswer span:first-child { display: block; font-size: 10px; }
div.edenData li.listAnswer span:last-child { display: inline; }
div.edenData li.listAnswer > label , div.edenData li.dropDownAnswer > label { display: inline-block; width: 103px; float: left; }
div.edenData li.listAnswer > select, div.edenData li.dropDownAnswer > select { width: 207px; }

/* PasswordReminderControl styles. */
div.PasswordReminderControl .error,
div.PasswordReminderControl .success { text-indent: 0; padding-left: 40px; width: 303px; }
.emailAlertsControl table label { display: inline; }
.panel .emailAlertsControl table label { 
     display: inline; 
}
.terms_and_condtn input[type='checkbox'] { vertical-align: -2px; }
.takeTrialEmailPreferences div.graypanel { 
background-color: transparent; 
border: 0 none; 
margin-left: -10px; 
width: 100%; 
}
.eden-form li > span.holdInfo { display: block; font-size: 10px; }
.eden-form fieldset div.padder li  span.edenValidator { display: inline; }

.edenData td > span { font-size: 10px; }
.emailAlertsControl { padding: 5px; }
.emailAlertsControl select[multiple] { width: 100%; }

/*style for events*/
.events div > span { font-weight: bold; }
.events td a, .bookerManage td a, .eventDetail td a { display: block; text-align: center; }
.substitute label { float: left; clear: left; width: 95px; margin: 1px 0; }
.substitute input[type="text"] { float: left; width: 270px; margin: 1px 5px; }
.substitute select { float: left; width: 275px; margin: 1px 5px; }
.substituteDetails span { float: left; clear: right;  margin: 5px; }
.substituteDetails p { margin-left: 0px; clear: left; }
.substitute input[type="submit"]{ display: block; width: 150px; }
.upnlSubstituteDetails { height: 400px; }
.substituteDetails input[type='button'] { clear: both; }
.substituteDetails { position: relative; }
div.substituteRowSeparator { margin-bottom: 20px; height: 160px; }
.substituteMessages > span { display: block; margin-bottom: 10px; }
.updateProgress { position: absolute; top: 0; left: 0; height: 100%; width: 100%; float: left; background-color:  White; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.updateProgress img { position: relative; top: 50%; left: 50%; }
span.userSubstituteInfoWrong { margin: 0 0 10px 0; color: Red; }
span.userSubstituteInfoOK { margin: 0 0 10px 0; color: Green; }
.badgeLabels span { display: block; }
.badgeLabels > span, .eventDetailLabels > span { display: block; font-weight: bold; }
.badgeLabels p span, .eventDetailLabels p span { display: inline; margin: 0; }
.badgeLabels p, .eventDetailLabels p { margin: 0; }
.badgeLabels, .eventDetailLabels { margin: 0px 0 10px 0; }
.badgeLabels > span + span { margin-bottom: 10px; }
.bageFrom label { float: left; clear: left; width: 70px; margin: 1px 0; }
.bageFrom input[type="text"] { float: left; width: 270px; margin: 1px 5px; }
.bageFrom select { float: left; width: 275px; margin: 1px 5px; }
.bageFrom input[type="submit"]{ display: block; width: 150px; }
.bageFrom span { float: left; clear: right;  margin: 5px; }
.bageFrom { height: 130px; }
.evenetName { font-size: 1.2em; }
.substituteMessages > span + span > span { margin-left: 10px; }
.eventDetailLabels span:first-child { margin-bottom: 10px; }
div.events .mGrid thead th { margin: 0px; text-align: center; width: 18%; }
div.events .mGrid thead th + th { margin: 0px; text-align: center; width: 33%; }
div.events .mGrid thead th + th + th { margin: 0px; text-align: center; width: 25%; }
div.events .mGrid thead th + th + th + th { margin: 0px; text-align: center; width: 22%; }
.mGrid th a { color: White; }
span.boldText { font-weight: bold; }
.mGrid th input { height: 10px; float: right; margin-right: 5px; }

span.selectInfo { display: block; font-size: 10px; }

.EmailSubsCategories span.selectInfo { display: block; font-size: 10px; }
.eden-form div.padder li > span { margin-left: 135px; }
.edenData div.padder td > span { margin-left: 155px; }
.tt-form .takeTrialEmailPreferences input[type='checkbox'] + label { width: auto; vertical-align: 1px; }
.tt-form .takeTrialEmailPreferences input[type='radio'] + label { width: auto; }
div.eden-form ul { list-style-type: none; padding: 0; } 
div.edenData ul { list-style-type: none; padding: 0; } 

.eden-form li span:last-child { display: inline; }
.eden-form li.multiAnswer table label { width: auto; }
.eden-form li.multiAnswer table input { margin: 0 0 3px; padding: 0; }
.eden-form li.multiAnswer > label { width: auto; margin: 0; }
.eden-form div.padder li > label { margin: 0; }
.eden-form div.padder li > span { display: inline; margin: 0; }
.eden-form fieldset div.padder li { margin-bottom: 5px; margin-left: 0; }
.eden-form  div.padder li.listAnswer > span { display: block; }
.eden-form  div.padder li.listAnswer span:last-child { display: inline; }
