@import url("forumStyles.css");

.dialog p			{padding: 0 10px;}
.courseContainer	{clear: both; width: 100%; overflow: hidden;}
.courseDetails		{display: block; float: left; clear: left; width: 510px; padding: 0 10px;}
.courseName			{width: 100px; display: block; float: left;}
.courseDate			{width: 310px; display: block; float: left;}
.courseTitle		{font-weight: bold;}
.selCourseButton	{background:url(/_includes/images/design/orange_button_bg.gif) no-repeat transparent; border: 0 none; cursor: pointer; font-weight: bold; height: 20px; margin:0 0 6px 6px; padding:0; width: 70px; text-align: center; text-decoration: none; display: block; color: #fff; float: left;}
.selCourseButton:hover	{background:url(/_includes/images/design/blue_button_bg.gif) no-repeat transparent;}
#hiddenOverlays		{display: none;}

.radioField			{display: block; clear: both; overflow: hidden; margin: 0 0 5px;}
.radioField input		{width: 20px; float: left; margin: 4px 0 0;}
.radioField label		{float: left;}

#locationOptions	{margin: 10px 0 0;}
#courseSelection	{padding: 5px; margin-bottom: 25px;}
#courseSelection h4	{margin: 10px 0 5px;}
#independent_cost	{padding: 0 5px;}

.successMessage 		{width: 450px; padding: 10px 10px 10px 50px; color: #4F8A10; border: 1px solid #4F8A10; background: #DFF2BF url(/_includes/images/icons/success.png) no-repeat 10px center; display: block; clear:left; margin: 0 auto 10px auto}
/* Styles for form */
.subGroup                         {margin-left: 20px;}

.profileTitle                     {vertical-align: top; font-size: 1em; }

.profileSubTitle                  {font-size: 0.8em; color: gray;}

.profileData                      {font-size: 1em; }

.formError                        {font-size: 1em; color: #FF0000;}

.formTextBoxes                    {width: 350px;}
#login_form input.forTextBoxes {width: 200px!important;}
.subscriptionExpired              {padding: 3px; width: 98%; border: 2px dashed #FF0000; text-align: center; font-weight: bolder; color: red;}

.groupTitle                       {font-weight: bolder;}

.groupContainer                   {padding: 3px; border: 1px solid #000;}

/* Address Form Styles */
.addressRow                       {clear: both; width: 430px;}

.buttonRow                        {clear: both; width: 450px; text-align: center;}

.addressFieldLabel                {float: left; padding: 5px; width: 120px; text-align: right;}

.addressField                     {float: left; width: 300px;}
.addressField input               {width: 250px;}

/* End of Checkout Address Form Styles */
.termsAndConditions {
	height: 200px; overflow-y: scroll; background-color: #dfdfdf; border: 2px inset #0f0f0f; 
}

span.textField  span.description { display: none; }

/* Subscriptions form styles */
.profileGroup input               {display: block; float: left; line-height: 1em; margin:0 5px 0 0; padding: 0;}
.profileGroup label               {display: block; float: left; margin: 0; padding: 0; line-height: 1em; font-weight: bold;}
.profileGroup .cost               {display: block; clear: both; line-height: 1.3em; font-size: 80%; color: #3F3F3F;}
.profileGroup .duration           {display: block; line-height: 1.3em; font-size: 80%; color: #3F3F3F;}
.profileGroup .description        {clear: both; line-height: 1.8em; font-size: 90%; }
.profileGroup .currentDetails     {display: block; clear: both; line-height: 1.8em; font-size: 90%;}
.profileGroup .currentDetailsExpired{display: block; clear: both; line-height: 1.8em; font-size: 90%; color: #FF0000;}
.profileGroup .currentPaymentPending{clear: both; font-size: 90%; line-height: 1.8em;}
.profileGroup .currentAdminApproval{clear: both; font-size: 90%; line-height: 1.8em;}
.profileGroup .currentExpired     {clear: both; font-size: 90%; line-height: 1.8em; color: #FF0000;}

fieldset { clear: both; }

form#profileSignupForm            {float: left; padding: 5px;}
form#profileSignupForm  span      {display: block; margin: 2px;}
form#profileSignupForm  span.description      { display: none; }

form#profileSignupForm  span .validationerror{margin-left: 10px; color: #FF0000;}
form#profileSignupForm h3         {clear: both;}
form#profileSignupForm .quantity  {display: block; clear: both;}
form#profileSignupForm .quantity input{display: inline; float: none; clear: none; width: 4em; font-size: 80%; height: auto; line-height: 1em;}
#profileSignupForm fieldset legend {font-size: 160%; font-weight: bold;}
#profileSignupForm fieldset {margin-bottom: 10px;}

span.buttons                      {display: block; clear: both; width: 100%; text-align: center;}

span.textField                    {display: block; clear: both;}
span.textField label              {display: block; float: left; clear: both; width: 15em; text-align: right; padding-right: 10px;}
span.textField label.cf_checkbox    {display: block; float: left; clear: both; width: 60em; text-align: left; padding-right: 10px; line-height: 110%; font-size: 80%;}
span.textField input.formTextBoxes{display: block; float: left; width: 20em;}
span.textField input.formSelectBoxes{display: block; float: left; width: 20em;}
span.textField em                 {display: block; float: left;}
textarea                          {display: block; float: left; width: 20em;}
/* end of subscriptions styles */

/* order view styles */
.orderTitle                       {width: 100%; background-color: #666; text-align: center; font-weight: bolder; color: #FFF;}

.orderItem                        {width: 100%; text-align: center; color: #fff;}

.itemOptions                      {font-size: 0.8em;}

.ClearingDiv                      {clear: both;}

.orderNotes                       {width: 382px;}

#iconSetContainer                 {padding: 5px; width: 700px;}

#orderDisplayContainer            {padding: 5px; width: 510px;}
#orderDisplayContainer table      {width: 100%;}

#orderNoContainer                 {float: left; margin-right: 1px; padding: 2px; width: 161px; border: 2px solid #000;}

#orderDateContainer               {float: left; margin-right: 1px; padding: 2px; width: 161px; border: 2px solid #000;}

#orderStatusContainer             {float: left; padding: 2px; width: 161px; border: 2px solid #000;}

#paymentAddressContainer          {float: left; margin-right: 1px; padding: 2px; width: 246px; border: 2px solid #000;}

#shippingAddressContainer         {float: left; padding: 2px; width: 246px; border: 2px solid #000;}

#paymentDetailsContainer          {padding: 2px; width: 502px; border: 2px solid #000;}

#orderItemsContainer              {padding: 2px; width: 502px; border: 2px solid #000;}

#orderNotesContainer              {float: left; margin-right: 1px; padding: 2px; width: 386px; border: 2px solid #000;}

#orderTotalsContainer             {float: left; padding: 2px; width: 106px; border: 2px solid #000;}

#subTotalContainer, #deliveryContainer,
#vatContainer, #totalContainer    {width: 100%; text-align: center;}

.profilePostRepliesContainer      {margin: 10px 0; border: 1px solid black; background: #FFFFDF;}
/*end of order view styles */


/* Table Styles */
table th, td                      {font-family: Verdana, Arial, Helvetica, sans-serif;}
table th                          {background-color: #0F0F0F; text-align: center; font-size: 90%;}
table tr.evenRow                  {background-color: #0F0F0F;}
table tr.oddRow                   {background-color: #434343;}
table td.center                   {text-align: center;}
table th.center                   {text-align: center;}

.profileOrdersTable               {width: 100%;}
/* End of Table Styles */

/* Returns Styles */
.returnsTitle label               {width: 100px; font-weight: bolder; color: #7E7E7E;}
.returnsTitle textarea            {width: 300px; height: 100px;}
/* End of Return Styles */


/* Styles for tabs */
ul.tabs                           {clear: both; margin: 0; padding: 0!important; border-top: 1px solid #FFF; list-style: none;}
ul.tabs li                        {float: left; margin-left: 0!important; background: url(/_includes/images/tabs/tab_right.jpg) no-repeat right top; border-bottom: 1px solid #5F6680; font-family: Verdana, Arial, Helvetica, sans-serif;}
ul.tabs li.first                  {background: url(/_includes/images/tabs/tab_left.jpg) no-repeat left top;}
ul.tabs li span, ul.tabs li div   {display: block; margin: 0; padding: 2px 15px 2px 15px; background: url(/_includes/images/tabs/tab_left.jpg) no-repeat -1px top;}
ul.tabs li span.first,
ul.tabs li div.first              {display: block; padding: 2px 15px 2px 15px; margin: 0; background-image: url(/_includes/images/tabs/tab_left.jpg) no-repeat left top;}
ul.tabs li.selected               {background-image: url(/_includes/images/tabs/tab_right_on.jpg);}
ul.tabs li.selected span,
ul.tabs li.selected div           {background-image: url(/_includes/images/tabs/tab_left_on.jpg);}
ul.tabs li a:link                 {text-decoration: none; color: #000;}
ul.tabs li a:visited              {text-decoration: none; color: #000;}
ul.tabs li a:hover,
ul.tabs li a:focus                {text-decoration: underline; color: #000;}
ul.tabs li a:active               {text-decoration: none; color: #000;}

.tabPane                          {display: none; clear: both; position: relative; left: 0; top: -1px; padding: 5px; width: 698px; border: solid 1px #CCC;}

.tabContentPane                   {clear: both; left: 0; top: -1px; margin-bottom: 5px; padding: 5px; width: 97.5%; border: 1px solid #CCC;}

.tabPanStart                      {display: block;}

#centeredDiv                      {margin-left: 2.5%;}